Plugin Directory

Changeset 1915924


Ignore:
Timestamp:
07/27/2018 02:14:36 PM (7 years ago)
Author:
gzmihai
Message:

plugin renamed

Location:
usability-feedback
Files:
4 added
4 deleted
18 edited

Legend:

Unmodified
Added
Removed
  • usability-feedback/tags/1.0.0/admin/css/main.css

    r1912544 r1915924  
    296296  width: 100%;
    297297  height: 100%; }
    298   .usbfdbadmin-preview-wrap .usabilityFeedback {
     298  .usbfdbadmin-preview-wrap .realTimeFeedback {
    299299    position: absolute !important; }
    300300
     
    774774  background: white; }
    775775
    776 .usabilityFeedback,
    777 .usabilityFeedback * {
     776.realTimeFeedback,
     777.realTimeFeedback * {
    778778  -webkit-box-sizing: border-box;
    779779          box-sizing: border-box; }
    780780
    781 .usabilityFeedback :focus {
     781.realTimeFeedback :focus {
    782782  outline: none; }
    783783
    784 .usabilityFeedback {
     784.realTimeFeedback {
    785785  will-change: transform, opacity; }
    786786
    787 .usabilityFeedback-position-bottom {
     787.realTimeFeedback-position-bottom {
    788788  bottom: 0; }
    789789
    790 .usabilityFeedback-position-top {
     790.realTimeFeedback-position-top {
    791791  top: 0; }
    792792
    793 .usabilityFeedback-position-bottom-left {
     793.realTimeFeedback-position-bottom-left {
    794794  bottom: 0;
    795795  left: 175px; }
    796796
    797 .usabilityFeedback-position-bottom-right {
     797.realTimeFeedback-position-bottom-right {
    798798  bottom: 0;
    799799  right: 175px; }
    800800
    801801@media screen and (max-width: 700px) {
    802   .usabilityFeedback-position-bottom-right {
     802  .realTimeFeedback-position-bottom-right {
    803803    right: calc(50% - 175px); }
    804   .usabilityFeedback-position-bottom-left {
     804  .realTimeFeedback-position-bottom-left {
    805805    left: calc(50% - 175px); } }
    806806
    807807@media screen and (max-width: 350px) {
    808   .usabilityFeedback-position-bottom-right {
     808  .realTimeFeedback-position-bottom-right {
    809809    right: 0; }
    810   .usabilityFeedback-position-bottom-left {
     810  .realTimeFeedback-position-bottom-left {
    811811    left: 0; } }
    812812
    813 .usabilityFeedback-animation-fadeIn {
    814   -webkit-animation: usabilityFeedback-keyframes-fadeIn .7s ease-in-out both;
    815   animation: usabilityFeedback-keyframes-fadeIn .7s ease-in-out both; }
    816 
    817 @-webkit-keyframes usabilityFeedback-keyframes-fadeIn {
     813.realTimeFeedback-animation-fadeIn {
     814  -webkit-animation: realTimeFeedback-keyframes-fadeIn .7s ease-in-out both;
     815  animation: realTimeFeedback-keyframes-fadeIn .7s ease-in-out both; }
     816
     817@-webkit-keyframes realTimeFeedback-keyframes-fadeIn {
    818818  0% {
    819819    opacity: 0; }
     
    821821    opacity: 1; } }
    822822
    823 @keyframes usabilityFeedback-keyframes-fadeIn {
     823@keyframes realTimeFeedback-keyframes-fadeIn {
    824824  0% {
    825825    opacity: 0; }
     
    827827    opacity: 1; } }
    828828
    829 .usabilityFeedback-animation-slideUp {
    830   -webkit-animation: usabilityFeedback-keyframes-slideUp .7s ease-in-out both;
    831   animation: usabilityFeedback-keyframes-slideUp .7s ease-in-out both; }
    832 
    833 @-webkit-keyframes usabilityFeedback-keyframes-slideUp {
     829.realTimeFeedback-animation-slideUp {
     830  -webkit-animation: realTimeFeedback-keyframes-slideUp .7s ease-in-out both;
     831  animation: realTimeFeedback-keyframes-slideUp .7s ease-in-out both; }
     832
     833@-webkit-keyframes realTimeFeedback-keyframes-slideUp {
    834834  0% {
    835835    -webkit-transform: translateY(150%); }
     
    837837    -webkit-transform: translateY(0); } }
    838838
    839 @keyframes usabilityFeedback-keyframes-slideUp {
     839@keyframes realTimeFeedback-keyframes-slideUp {
    840840  0% {
    841841    -webkit-transform: translateY(150%);
  • usability-feedback/tags/1.0.0/admin/css/main1.0.0.css

    r1912544 r1915924  
    1 .usbfdbadmin{font-size:14px;line-height:1.5;color:#4a4a4a;padding:0 20px 20px 0}.usbfdbadmin .wp-heading-inline{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.usbfdbadmin-link{margin-left:20px;padding:4px 8px;text-decoration:none;border:none;border:1px solid #ccc;border-radius:2px;background:#f7f7f7;text-shadow:none;font-weight:600;font-size:13px;line-height:normal;color:#0073aa;cursor:pointer;outline:0;margin-top:3px}.usbfdbadmin-table{text-align:left;background:#fff;border:1px solid #e5e5e5;width:100%}.usbfdbadmin-table th{border-bottom:1px solid #e1e1e1;padding:14px 8px;font-size:15px;font-weight:600}.usbfdbadmin-table td{padding:10px 8px}.usbfdbadmin-button{background-color:#0073aa;padding:8px 16px;border-radius:4px;color:#fff;text-decoration:none;font-size:13px;cursor:pointer;border:0}.usbfdbadmin-button:hover{background-color:#168ac1;color:#fff}.usbfdbadmin-button[disabled]{cursor:not-allowed;background:#a1b2bb;color:#f1f1f1}.usbfdbadmin-form-save{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-top:30px}.usbfdbadmin-form-saveMessage{position:absolute;right:-10px;font-size:12px;top:100%;color:#e63737;text-decoration:underline;margin-top:3px}.usbfdbadmin-button[disabled]+.usbfdbadmin-form-saveMessage{display:none}.usbfdbadmin-form-select{border:1px solid #cacaca}.usbfdbadmin-form-input,.usbfdbadmin-spectrum{border:1px solid #cacaca}.insight-type{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:15px}.insight-type-analytics{font-size:13px}.usbfdbadmin-tooltip{position:relative;z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:center;align-self:center;margin-left:7px;padding:1px 2px 0;cursor:auto}.usbfdbadmin-tooltip:before{content:'';width:15px;height:15px;cursor:help;z-index:1;background:url(../img/info.svg) no-repeat}.usbfdbadmin-tooltip-info{line-height:1.4;color:#787878;font-size:13px;opacity:0;pointer-events:none;position:absolute;z-index:0;bottom:24px;background:#fff;padding:10px 12px;width:250px;border:1px solid #d8d8d8;border-radius:4px;left:50%;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0);-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;-webkit-filter:drop-shadow(0 2px 6px #e6e6e6);filter:drop-shadow(0 2px 6px #e6e6e6)}.usbfdbadmin-tooltip-info:before{content:'';position:absolute;width:100%;height:29px;bottom:-29px;left:0;-webkit-clip-path:polygon(0 0, 50% 105%, 100% 0);clip-path:polygon(0 0, 50% 105%, 100% 0)}.usbfdbadmin-tooltip-info:after{content:'';position:absolute;background-color:inherit;width:8px;height:8px;margin:0 auto;left:0;right:0;bottom:-5px;border-style:solid;border-color:inherit;border-width:0 1px 1px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.usbfdbadmin-tooltip:hover .usbfdbadmin-tooltip-info{pointer-events:auto;opacity:1}.usbfdbadmin-tabstats{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-bottom:30px;width:70%}.usbfdbadmin-tabstats-header{width:30%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border:1px solid #eaeaea}.usbfdbadmin-tabstats-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;color:#30a1e6;line-height:36px;border-bottom:1px solid #e6e6e6;cursor:pointer;padding-left:15px;background-color:#fff}.usbfdbadmin-tabstats-title:last-child{border-width:0}.usbfdbadmin-tabstats-title[data-active]{background-color:#f1f1f1}.usbfdbadmin-tabstats-title[data-active]:after{content:"";position:absolute;right:12px;top:calc(50% - 5px);width:0;height:0;border-style:solid;border-width:5px 0 5px 5px;border-color:transparent transparent transparent #30a1e6}.usbfdbadmin-tabstats-title:hover{text-decoration:underline}.usbfdbadmin-tabstats-body{width:70%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-left:15px;border:1px solid #eaeaea}.usbfdbadmin-tabstats-body-item{display:none}.usbfdbadmin-tabstats-body-item[data-active]{display:block}.usbfdbadmin-tabstats-row{display:-webkit-box;display:-ms-flexbox;display:flex;padding:9px 12px;border-bottom:1px solid #eaeaea}.usbfdbadmin-tabstats-row:last-child{border-width:0}.usbfdbadmin-tabstats-row--stripe{background-color:#f9f9f9}.usbfdbadmin-tabstats-content{margin-left:5px;word-break:break-all}.usbfdbadmin-tabstats-value{padding-left:15px;margin-left:auto}.usbfdbadmin-preview-container{display:-webkit-box;display:-ms-flexbox;display:flex}.usbfdbadmin-form{width:35%;padding-right:30px}.usbfdbadmin-form-section{width:100%;margin-bottom:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.usbfdbadmin-form-section label{width:30%;line-height:42px}.usbfdbadmin-form-section input{width:70%;line-height:32px}.usbfdbadmin-form-section select{width:70%;line-height:40px;height:40px;cursor:pointer}.usbfdbadmin-preview{width:75%;position:relative;overflow:hidden}.usbfdbadmin-preview h2{text-align:center;margin:0 0 10px 0}.usbfdbadmin-preview-wrap{background:url(../img/preview-bg.png);width:100%;height:100%}.usbfdbadmin-preview-wrap .usabilityFeedback{position:absolute !important}.sp-container{position:absolute;top:0;left:0;display:inline-block;*display:inline;*zoom:1;z-index:9999994;overflow:hidden}.sp-container.sp-flat{position:relative}.sp-container,.sp-container *{-webkit-box-sizing:content-box;box-sizing:content-box}.sp-top{position:relative;width:100%;display:inline-block}.sp-top-inner{position:absolute;top:0;left:0;bottom:0;right:0}.sp-color{position:absolute;top:0;left:0;bottom:0;right:20%}.sp-hue{position:absolute;top:0;right:0;bottom:0;left:84%;height:100%}.sp-clear-enabled .sp-hue{top:33px;height:77.5%}.sp-fill{padding-top:80%}.sp-sat,.sp-val{position:absolute;top:0;left:0;right:0;bottom:0}.sp-alpha-enabled .sp-top{margin-bottom:18px}.sp-alpha-enabled .sp-alpha{display:block}.sp-alpha-handle{position:absolute;top:-4px;bottom:-4px;width:6px;left:50%;cursor:pointer;border:1px solid black;background:white;opacity:.8}.sp-alpha{display:none;position:absolute;bottom:-14px;right:0;left:0;height:8px}.sp-alpha-inner{border:solid 1px #333}.sp-clear{display:none}.sp-clear.sp-clear-display{background-position:center}.sp-clear-enabled .sp-clear{display:block;position:absolute;top:0px;right:0;bottom:0;left:84%;height:28px}.sp-container,.sp-replacer,.sp-preview,.sp-dragger,.sp-slider,.sp-alpha,.sp-clear,.sp-alpha-handle,.sp-container.sp-dragging .sp-input,.sp-container button{-webkit-user-select:none;-moz-user-select:-moz-none;-o-user-select:none;-ms-user-select:none;user-select:none}.sp-container.sp-input-disabled .sp-input-container{display:none}.sp-container.sp-buttons-disabled .sp-button-container{display:none}.sp-container.sp-palette-buttons-disabled .sp-palette-button-container{display:none}.sp-palette-only .sp-picker-container{display:none}.sp-palette-disabled .sp-palette-container{display:none}.sp-initial-disabled .sp-initial{display:none}.sp-sat{background-image:-o-linear-gradient(left, #fff, rgba(204,154,129,0));background-image:-webkit-gradient(linear, left top, right top, from(#fff), to(rgba(204,154,129,0)));background-image:linear-gradient(to right, #fff, rgba(204,154,129,0));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";filter:progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81')}.sp-val{background-image:-o-linear-gradient(bottom, #000, rgba(204,154,129,0));background-image:-webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(204,154,129,0)));background-image:linear-gradient(to top, #000, rgba(204,154,129,0));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000')}.sp-hue{background:-o-linear-gradient(top, red 0%, #ff0 17%, lime 33%, cyan 50%, blue 67%, #f0f 83%, red 100%);background:-webkit-gradient(linear, left top, left bottom, from(red), color-stop(17%, #ff0), color-stop(33%, lime), color-stop(50%, cyan), color-stop(67%, blue), color-stop(83%, #f0f), to(red));background:linear-gradient(to bottom, red 0%, #ff0 17%, lime 33%, cyan 50%, blue 67%, #f0f 83%, red 100%)}.sp-1{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00')}.sp-2{height:16%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00')}.sp-3{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff')}.sp-4{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff')}.sp-5{height:16%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff')}.sp-6{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000')}.sp-hidden{display:none !important}.sp-cf:before,.sp-cf:after{content:"";display:table}.sp-cf:after{clear:both}.sp-cf{*zoom:1}@media (max-device-width: 480px){.sp-color{right:40%}.sp-hue{left:63%}.sp-fill{padding-top:60%}}.sp-dragger{border-radius:4px;height:5px;width:5px;border:1px solid #fff;background:#000;cursor:pointer;position:absolute;top:0;left:0}.sp-slider{position:absolute;top:0;cursor:pointer;height:3px;left:-1px;right:-1px;border:1px solid #000;background:white;opacity:.8}.sp-container{border-radius:0;background-color:#ECECEC;border:solid 1px #f0c49B;padding:0}.sp-container,.sp-container button,.sp-container input,.sp-color,.sp-hue,.sp-clear{font:normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.sp-top{margin-bottom:3px}.sp-color,.sp-hue,.sp-clear{border:solid 1px #666}.sp-input-container{float:right;width:100px;margin-bottom:4px}.sp-initial-disabled .sp-input-container{width:100%}.sp-input{font-size:12px !important;border:1px inset;padding:4px 5px;margin:0;width:100%;background:transparent;border-radius:4px;color:#222}.sp-input:focus{border:1px solid orange}.sp-input.sp-validation-error{border:1px solid red;background:#fdd}.sp-picker-container,.sp-palette-container{float:left;position:relative;padding:10px;padding-bottom:300px;margin-bottom:-290px}.sp-picker-container{width:172px;border-left:solid 1px #fff}.sp-palette-container{border-right:solid 1px #ccc}.sp-palette-only .sp-palette-container{border:0}.sp-palette .sp-thumb-el{display:block;position:relative;float:left;width:24px;height:15px;margin:3px;cursor:pointer;border:solid 2px transparent}.sp-palette .sp-thumb-el:hover,.sp-palette .sp-thumb-el.sp-thumb-active{border-color:orange}.sp-thumb-el{position:relative}.sp-initial{float:left;border:solid 1px #333}.sp-initial span{width:30px;height:25px;border:none;display:block;float:left;margin:0}.sp-initial .sp-clear-display{background-position:center}.sp-palette-button-container,.sp-button-container{float:right}.sp-replacer{margin:0;overflow:hidden;cursor:pointer;padding:4px;display:inline-block;*zoom:1;*display:inline;border:solid 1px #91765d;background:#eee;color:#333;vertical-align:middle}.sp-replacer:hover,.sp-replacer.sp-active{border-color:#F0C49B;color:#111}.sp-replacer.sp-disabled{cursor:default;border-color:silver;color:silver}.sp-dd{padding:2px 0;height:16px;line-height:16px;float:left;font-size:10px}.sp-preview{position:relative;width:25px;height:20px;border:solid 1px #222;margin-right:5px;float:left;z-index:0}.sp-palette{*width:220px;max-width:220px}.sp-palette .sp-thumb-el{width:16px;height:16px;margin:2px 1px;border:solid 1px #d0d0d0}.sp-container{padding-bottom:0}.sp-container button{background-color:#eeeeee;background-image:-o-linear-gradient(top, #eee, #ccc);background-image:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));background-image:linear-gradient(to bottom, #eee, #ccc);border:1px solid #ccc;border-bottom:1px solid #bbb;border-radius:4px;color:#333;font-size:14px;line-height:1;padding:5px 4px;text-align:center;text-shadow:0 1px 0 #eee;vertical-align:middle}.sp-container button:hover{background-color:#dddddd;background-image:-o-linear-gradient(top, #ddd, #bbb);background-image:-webkit-gradient(linear, left top, left bottom, from(#ddd), to(#bbb));background-image:linear-gradient(to bottom, #ddd, #bbb);border:1px solid #bbb;border-bottom:1px solid #999;cursor:pointer;text-shadow:0 1px 0 #ddd}.sp-container button:active{border:1px solid #aaa;border-bottom:1px solid #888;-webkit-box-shadow:inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;-ms-box-shadow:inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;-o-box-shadow:inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;box-shadow:inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee}.sp-cancel{font-size:11px;color:#d93f3f !important;margin:0;padding:2px;margin-right:5px;vertical-align:middle;text-decoration:none}.sp-cancel:hover{color:#d93f3f !important;text-decoration:underline}.sp-palette span:hover,.sp-palette span.sp-thumb-active{border-color:#000}.sp-preview,.sp-alpha,.sp-thumb-el{position:relative;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.sp-preview-inner,.sp-alpha-inner,.sp-thumb-inner{display:block;position:absolute;top:0;left:0;bottom:0;right:0}.sp-palette .sp-thumb-inner{background-position:50% 50%;background-repeat:no-repeat}.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=)}.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=)}.sp-clear-display{background-repeat:no-repeat;background-position:center;background-image:url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==)}.sp-picker-container{width:230px}.sp-input-container{width:160px}.sp-input{border:1px solid #ccc;background:#fff}.usabilityFeedback,.usabilityFeedback *{-webkit-box-sizing:border-box;box-sizing:border-box}.usabilityFeedback :focus{outline:none}.usabilityFeedback{will-change:transform, opacity}.usabilityFeedback-position-bottom{bottom:0}.usabilityFeedback-position-top{top:0}.usabilityFeedback-position-bottom-left{bottom:0;left:175px}.usabilityFeedback-position-bottom-right{bottom:0;right:175px}@media screen and (max-width: 700px){.usabilityFeedback-position-bottom-right{right:calc(50% - 175px)}.usabilityFeedback-position-bottom-left{left:calc(50% - 175px)}}@media screen and (max-width: 350px){.usabilityFeedback-position-bottom-right{right:0}.usabilityFeedback-position-bottom-left{left:0}}.usabilityFeedback-animation-fadeIn{-webkit-animation:usabilityFeedback-keyframes-fadeIn .7s ease-in-out both;animation:usabilityFeedback-keyframes-fadeIn .7s ease-in-out both}@-webkit-keyframes usabilityFeedback-keyframes-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes usabilityFeedback-keyframes-fadeIn{0%{opacity:0}100%{opacity:1}}.usabilityFeedback-animation-slideUp{-webkit-animation:usabilityFeedback-keyframes-slideUp .7s ease-in-out both;animation:usabilityFeedback-keyframes-slideUp .7s ease-in-out both}@-webkit-keyframes usabilityFeedback-keyframes-slideUp{0%{-webkit-transform:translateY(150%)}100%{-webkit-transform:translateY(0)}}@keyframes usabilityFeedback-keyframes-slideUp{0%{-webkit-transform:translateY(150%);transform:translateY(150%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}
     1.usbfdbadmin{font-size:14px;line-height:1.5;color:#4a4a4a;padding:0 20px 20px 0}.usbfdbadmin .wp-heading-inline{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.usbfdbadmin-link{margin-left:20px;padding:4px 8px;text-decoration:none;border:none;border:1px solid #ccc;border-radius:2px;background:#f7f7f7;text-shadow:none;font-weight:600;font-size:13px;line-height:normal;color:#0073aa;cursor:pointer;outline:0;margin-top:3px}.usbfdbadmin-table{text-align:left;background:#fff;border:1px solid #e5e5e5;width:100%}.usbfdbadmin-table th{border-bottom:1px solid #e1e1e1;padding:14px 8px;font-size:15px;font-weight:600}.usbfdbadmin-table td{padding:10px 8px}.usbfdbadmin-button{background-color:#0073aa;padding:8px 16px;border-radius:4px;color:#fff;text-decoration:none;font-size:13px;cursor:pointer;border:0}.usbfdbadmin-button:hover{background-color:#168ac1;color:#fff}.usbfdbadmin-button[disabled]{cursor:not-allowed;background:#a1b2bb;color:#f1f1f1}.usbfdbadmin-form-save{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-top:30px}.usbfdbadmin-form-saveMessage{position:absolute;right:-10px;font-size:12px;top:100%;color:#e63737;text-decoration:underline;margin-top:3px}.usbfdbadmin-button[disabled]+.usbfdbadmin-form-saveMessage{display:none}.usbfdbadmin-form-select{border:1px solid #cacaca}.usbfdbadmin-form-input,.usbfdbadmin-spectrum{border:1px solid #cacaca}.insight-type{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:15px}.insight-type-analytics{font-size:13px}.usbfdbadmin-tooltip{position:relative;z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:center;align-self:center;margin-left:7px;padding:1px 2px 0;cursor:auto}.usbfdbadmin-tooltip:before{content:'';width:15px;height:15px;cursor:help;z-index:1;background:url(../img/info.svg) no-repeat}.usbfdbadmin-tooltip-info{line-height:1.4;color:#787878;font-size:13px;opacity:0;pointer-events:none;position:absolute;z-index:0;bottom:24px;background:#fff;padding:10px 12px;width:250px;border:1px solid #d8d8d8;border-radius:4px;left:50%;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0);-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;-webkit-filter:drop-shadow(0 2px 6px #e6e6e6);filter:drop-shadow(0 2px 6px #e6e6e6)}.usbfdbadmin-tooltip-info:before{content:'';position:absolute;width:100%;height:29px;bottom:-29px;left:0;-webkit-clip-path:polygon(0 0, 50% 105%, 100% 0);clip-path:polygon(0 0, 50% 105%, 100% 0)}.usbfdbadmin-tooltip-info:after{content:'';position:absolute;background-color:inherit;width:8px;height:8px;margin:0 auto;left:0;right:0;bottom:-5px;border-style:solid;border-color:inherit;border-width:0 1px 1px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.usbfdbadmin-tooltip:hover .usbfdbadmin-tooltip-info{pointer-events:auto;opacity:1}.usbfdbadmin-tabstats{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-bottom:30px;width:70%}.usbfdbadmin-tabstats-header{width:30%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border:1px solid #eaeaea}.usbfdbadmin-tabstats-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;color:#30a1e6;line-height:36px;border-bottom:1px solid #e6e6e6;cursor:pointer;padding-left:15px;background-color:#fff}.usbfdbadmin-tabstats-title:last-child{border-width:0}.usbfdbadmin-tabstats-title[data-active]{background-color:#f1f1f1}.usbfdbadmin-tabstats-title[data-active]:after{content:"";position:absolute;right:12px;top:calc(50% - 5px);width:0;height:0;border-style:solid;border-width:5px 0 5px 5px;border-color:transparent transparent transparent #30a1e6}.usbfdbadmin-tabstats-title:hover{text-decoration:underline}.usbfdbadmin-tabstats-body{width:70%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-left:15px;border:1px solid #eaeaea}.usbfdbadmin-tabstats-body-item{display:none}.usbfdbadmin-tabstats-body-item[data-active]{display:block}.usbfdbadmin-tabstats-row{display:-webkit-box;display:-ms-flexbox;display:flex;padding:9px 12px;border-bottom:1px solid #eaeaea}.usbfdbadmin-tabstats-row:last-child{border-width:0}.usbfdbadmin-tabstats-row--stripe{background-color:#f9f9f9}.usbfdbadmin-tabstats-content{margin-left:5px;word-break:break-all}.usbfdbadmin-tabstats-value{padding-left:15px;margin-left:auto}.usbfdbadmin-preview-container{display:-webkit-box;display:-ms-flexbox;display:flex}.usbfdbadmin-form{width:35%;padding-right:30px}.usbfdbadmin-form-section{width:100%;margin-bottom:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.usbfdbadmin-form-section label{width:30%;line-height:42px}.usbfdbadmin-form-section input{width:70%;line-height:32px}.usbfdbadmin-form-section select{width:70%;line-height:40px;height:40px;cursor:pointer}.usbfdbadmin-preview{width:75%;position:relative;overflow:hidden}.usbfdbadmin-preview h2{text-align:center;margin:0 0 10px 0}.usbfdbadmin-preview-wrap{background:url(../img/preview-bg.png);width:100%;height:100%}.usbfdbadmin-preview-wrap .realTimeFeedback{position:absolute !important}.sp-container{position:absolute;top:0;left:0;display:inline-block;*display:inline;*zoom:1;z-index:9999994;overflow:hidden}.sp-container.sp-flat{position:relative}.sp-container,.sp-container *{-webkit-box-sizing:content-box;box-sizing:content-box}.sp-top{position:relative;width:100%;display:inline-block}.sp-top-inner{position:absolute;top:0;left:0;bottom:0;right:0}.sp-color{position:absolute;top:0;left:0;bottom:0;right:20%}.sp-hue{position:absolute;top:0;right:0;bottom:0;left:84%;height:100%}.sp-clear-enabled .sp-hue{top:33px;height:77.5%}.sp-fill{padding-top:80%}.sp-sat,.sp-val{position:absolute;top:0;left:0;right:0;bottom:0}.sp-alpha-enabled .sp-top{margin-bottom:18px}.sp-alpha-enabled .sp-alpha{display:block}.sp-alpha-handle{position:absolute;top:-4px;bottom:-4px;width:6px;left:50%;cursor:pointer;border:1px solid black;background:white;opacity:.8}.sp-alpha{display:none;position:absolute;bottom:-14px;right:0;left:0;height:8px}.sp-alpha-inner{border:solid 1px #333}.sp-clear{display:none}.sp-clear.sp-clear-display{background-position:center}.sp-clear-enabled .sp-clear{display:block;position:absolute;top:0px;right:0;bottom:0;left:84%;height:28px}.sp-container,.sp-replacer,.sp-preview,.sp-dragger,.sp-slider,.sp-alpha,.sp-clear,.sp-alpha-handle,.sp-container.sp-dragging .sp-input,.sp-container button{-webkit-user-select:none;-moz-user-select:-moz-none;-o-user-select:none;-ms-user-select:none;user-select:none}.sp-container.sp-input-disabled .sp-input-container{display:none}.sp-container.sp-buttons-disabled .sp-button-container{display:none}.sp-container.sp-palette-buttons-disabled .sp-palette-button-container{display:none}.sp-palette-only .sp-picker-container{display:none}.sp-palette-disabled .sp-palette-container{display:none}.sp-initial-disabled .sp-initial{display:none}.sp-sat{background-image:-o-linear-gradient(left, #fff, rgba(204,154,129,0));background-image:-webkit-gradient(linear, left top, right top, from(#fff), to(rgba(204,154,129,0)));background-image:linear-gradient(to right, #fff, rgba(204,154,129,0));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";filter:progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81')}.sp-val{background-image:-o-linear-gradient(bottom, #000, rgba(204,154,129,0));background-image:-webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(204,154,129,0)));background-image:linear-gradient(to top, #000, rgba(204,154,129,0));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000')}.sp-hue{background:-o-linear-gradient(top, red 0%, #ff0 17%, lime 33%, cyan 50%, blue 67%, #f0f 83%, red 100%);background:-webkit-gradient(linear, left top, left bottom, from(red), color-stop(17%, #ff0), color-stop(33%, lime), color-stop(50%, cyan), color-stop(67%, blue), color-stop(83%, #f0f), to(red));background:linear-gradient(to bottom, red 0%, #ff0 17%, lime 33%, cyan 50%, blue 67%, #f0f 83%, red 100%)}.sp-1{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00')}.sp-2{height:16%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00')}.sp-3{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff')}.sp-4{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff')}.sp-5{height:16%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff')}.sp-6{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000')}.sp-hidden{display:none !important}.sp-cf:before,.sp-cf:after{content:"";display:table}.sp-cf:after{clear:both}.sp-cf{*zoom:1}@media (max-device-width: 480px){.sp-color{right:40%}.sp-hue{left:63%}.sp-fill{padding-top:60%}}.sp-dragger{border-radius:4px;height:5px;width:5px;border:1px solid #fff;background:#000;cursor:pointer;position:absolute;top:0;left:0}.sp-slider{position:absolute;top:0;cursor:pointer;height:3px;left:-1px;right:-1px;border:1px solid #000;background:white;opacity:.8}.sp-container{border-radius:0;background-color:#ECECEC;border:solid 1px #f0c49B;padding:0}.sp-container,.sp-container button,.sp-container input,.sp-color,.sp-hue,.sp-clear{font:normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.sp-top{margin-bottom:3px}.sp-color,.sp-hue,.sp-clear{border:solid 1px #666}.sp-input-container{float:right;width:100px;margin-bottom:4px}.sp-initial-disabled .sp-input-container{width:100%}.sp-input{font-size:12px !important;border:1px inset;padding:4px 5px;margin:0;width:100%;background:transparent;border-radius:4px;color:#222}.sp-input:focus{border:1px solid orange}.sp-input.sp-validation-error{border:1px solid red;background:#fdd}.sp-picker-container,.sp-palette-container{float:left;position:relative;padding:10px;padding-bottom:300px;margin-bottom:-290px}.sp-picker-container{width:172px;border-left:solid 1px #fff}.sp-palette-container{border-right:solid 1px #ccc}.sp-palette-only .sp-palette-container{border:0}.sp-palette .sp-thumb-el{display:block;position:relative;float:left;width:24px;height:15px;margin:3px;cursor:pointer;border:solid 2px transparent}.sp-palette .sp-thumb-el:hover,.sp-palette .sp-thumb-el.sp-thumb-active{border-color:orange}.sp-thumb-el{position:relative}.sp-initial{float:left;border:solid 1px #333}.sp-initial span{width:30px;height:25px;border:none;display:block;float:left;margin:0}.sp-initial .sp-clear-display{background-position:center}.sp-palette-button-container,.sp-button-container{float:right}.sp-replacer{margin:0;overflow:hidden;cursor:pointer;padding:4px;display:inline-block;*zoom:1;*display:inline;border:solid 1px #91765d;background:#eee;color:#333;vertical-align:middle}.sp-replacer:hover,.sp-replacer.sp-active{border-color:#F0C49B;color:#111}.sp-replacer.sp-disabled{cursor:default;border-color:silver;color:silver}.sp-dd{padding:2px 0;height:16px;line-height:16px;float:left;font-size:10px}.sp-preview{position:relative;width:25px;height:20px;border:solid 1px #222;margin-right:5px;float:left;z-index:0}.sp-palette{*width:220px;max-width:220px}.sp-palette .sp-thumb-el{width:16px;height:16px;margin:2px 1px;border:solid 1px #d0d0d0}.sp-container{padding-bottom:0}.sp-container button{background-color:#eeeeee;background-image:-o-linear-gradient(top, #eee, #ccc);background-image:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));background-image:linear-gradient(to bottom, #eee, #ccc);border:1px solid #ccc;border-bottom:1px solid #bbb;border-radius:4px;color:#333;font-size:14px;line-height:1;padding:5px 4px;text-align:center;text-shadow:0 1px 0 #eee;vertical-align:middle}.sp-container button:hover{background-color:#dddddd;background-image:-o-linear-gradient(top, #ddd, #bbb);background-image:-webkit-gradient(linear, left top, left bottom, from(#ddd), to(#bbb));background-image:linear-gradient(to bottom, #ddd, #bbb);border:1px solid #bbb;border-bottom:1px solid #999;cursor:pointer;text-shadow:0 1px 0 #ddd}.sp-container button:active{border:1px solid #aaa;border-bottom:1px solid #888;-webkit-box-shadow:inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;-ms-box-shadow:inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;-o-box-shadow:inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;box-shadow:inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee}.sp-cancel{font-size:11px;color:#d93f3f !important;margin:0;padding:2px;margin-right:5px;vertical-align:middle;text-decoration:none}.sp-cancel:hover{color:#d93f3f !important;text-decoration:underline}.sp-palette span:hover,.sp-palette span.sp-thumb-active{border-color:#000}.sp-preview,.sp-alpha,.sp-thumb-el{position:relative;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.sp-preview-inner,.sp-alpha-inner,.sp-thumb-inner{display:block;position:absolute;top:0;left:0;bottom:0;right:0}.sp-palette .sp-thumb-inner{background-position:50% 50%;background-repeat:no-repeat}.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=)}.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=)}.sp-clear-display{background-repeat:no-repeat;background-position:center;background-image:url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==)}.sp-picker-container{width:230px}.sp-input-container{width:160px}.sp-input{border:1px solid #ccc;background:#fff}.realTimeFeedback,.realTimeFeedback *{-webkit-box-sizing:border-box;box-sizing:border-box}.realTimeFeedback :focus{outline:none}.realTimeFeedback{will-change:transform, opacity}.realTimeFeedback-position-bottom{bottom:0}.realTimeFeedback-position-top{top:0}.realTimeFeedback-position-bottom-left{bottom:0;left:175px}.realTimeFeedback-position-bottom-right{bottom:0;right:175px}@media screen and (max-width: 700px){.realTimeFeedback-position-bottom-right{right:calc(50% - 175px)}.realTimeFeedback-position-bottom-left{left:calc(50% - 175px)}}@media screen and (max-width: 350px){.realTimeFeedback-position-bottom-right{right:0}.realTimeFeedback-position-bottom-left{left:0}}.realTimeFeedback-animation-fadeIn{-webkit-animation:realTimeFeedback-keyframes-fadeIn .7s ease-in-out both;animation:realTimeFeedback-keyframes-fadeIn .7s ease-in-out both}@-webkit-keyframes realTimeFeedback-keyframes-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes realTimeFeedback-keyframes-fadeIn{0%{opacity:0}100%{opacity:1}}.realTimeFeedback-animation-slideUp{-webkit-animation:realTimeFeedback-keyframes-slideUp .7s ease-in-out both;animation:realTimeFeedback-keyframes-slideUp .7s ease-in-out both}@-webkit-keyframes realTimeFeedback-keyframes-slideUp{0%{-webkit-transform:translateY(150%)}100%{-webkit-transform:translateY(0)}}@keyframes realTimeFeedback-keyframes-slideUp{0%{-webkit-transform:translateY(150%);transform:translateY(150%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}
  • usability-feedback/tags/1.0.0/admin/js/main.js

    r1912544 r1915924  
    22692269
    22702270  var poll = {
    2271       html: "<div class=\"usabilityFeedback usabilityFeedback-poll usabilityFeedback-animation-${animation} usabilityFeedback-position-${position}\">\n            <div class=\"usabilityFeedback-poll-body\">\n                <div class=\"usabilityFeedback-poll-step1\">\n                    <div class=\"usabilityFeedback-poll-title\">${title}</div>\n                    <textarea class=\"usabilityFeedback-poll-textarea\" rows=\"5\" placeholder=\"Type here your message...\"></textarea>\n                    <input type=\"email\" class=\"usabilityFeedback-poll-input\" placeholder=\"Enter email for a response (optional)\" />\n                    <div class=\"usabilityFeedback-button usabilityFeedback-poll-button\">${actionText}</div>\n                </div>\n                <div class=\"usabilityFeedback-poll-step2\" data-usabilityFeedback-action=\"next\">\n                    <div class=\"usabilityFeedback-poll-title\">${thanks}</div>\n                    <div class=\"usabilityFeedback-button usabilityFeedback-poll-button-close\">${thanksButton}</div>\n                </div>\n            </div>\n            <div class=\"usabilityFeedback-poll-close\" data-usabilityFeedback-action=\"close\">\n                <svg height=\"11\" width=\"11\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <line x1=\"0\" y1=\"11\" x2=\"11\" y2=\"0\" stroke-width=\"2\"/>\n                    <line x1=\"0\" y1=\"0\" x2=\"11\" y2=\"11\" stroke-width=\"2\"/>\n                </svg>\n            </div>\n        </div>",
     2271      html: "<div class=\"realTimeFeedback realTimeFeedback-poll realTimeFeedback-animation-${animation} realTimeFeedback-position-${position}\">\n            <div class=\"realTimeFeedback-poll-body\">\n                <div class=\"realTimeFeedback-poll-step1\">\n                    <div class=\"realTimeFeedback-poll-title\">${title}</div>\n                    <textarea class=\"realTimeFeedback-poll-textarea\" rows=\"5\" placeholder=\"Type here your message...\"></textarea>\n                    <input type=\"email\" class=\"realTimeFeedback-poll-input\" placeholder=\"Enter email for a response (optional)\" />\n                    <div class=\"realTimeFeedback-button realTimeFeedback-poll-button\">${actionText}</div>\n                </div>\n                <div class=\"realTimeFeedback-poll-step2\" data-realTimeFeedback-action=\"next\">\n                    <div class=\"realTimeFeedback-poll-title\">${thanks}</div>\n                    <div class=\"realTimeFeedback-button realTimeFeedback-poll-button-close\">${thanksButton}</div>\n                </div>\n            </div>\n            <div class=\"realTimeFeedback-poll-close\" data-realTimeFeedback-action=\"close\">\n                <svg height=\"11\" width=\"11\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <line x1=\"0\" y1=\"11\" x2=\"11\" y2=\"0\" stroke-width=\"2\"/>\n                    <line x1=\"0\" y1=\"0\" x2=\"11\" y2=\"11\" stroke-width=\"2\"/>\n                </svg>\n            </div>\n        </div>",
    22722272      css: {
    2273           ".usabilityFeedback-poll": {
     2273          ".realTimeFeedback-poll": {
    22742274              "border-radius": "4px 5px 0 0",
    22752275              "z-index": 2147483647,
     
    22842284              "color": "rgb(255, 255, 255)"
    22852285          },
    2286           ".usabilityFeedback-poll-body": {
     2286          ".realTimeFeedback-poll-body": {
    22872287              "margin": "18px 13px 18px 13px"
    22882288          },
    2289           ".usabilityFeedback-poll-step1": {
     2289          ".realTimeFeedback-poll-step1": {
    22902290              "display": "flex",
    22912291              "flex-direction": "column"
    22922292          },
    2293           ".usabilityFeedback-poll-title": {
     2293          ".realTimeFeedback-poll-title": {
    22942294              "max-width": "100%",
    22952295              "text-align": "center",
     
    22992299              "align-self": "center"
    23002300          },
    2301           ".usabilityFeedback-poll textarea.usabilityFeedback-poll-textarea": {
     2301          ".realTimeFeedback-poll textarea.realTimeFeedback-poll-textarea": {
    23022302              "color": "#585858",
    23032303              "background": "#fff",
     
    23122312              "border-radius": "4px"
    23132313          },
    2314           ".usabilityFeedback-poll input.usabilityFeedback-poll-input": {
     2314          ".realTimeFeedback-poll input.realTimeFeedback-poll-input": {
    23152315              "color": "#585858",
    23162316              "background": "#fff",
     
    23262326              "border-radius": "4px"
    23272327          },
    2328           ".usabilityFeedback-poll-button": {
     2328          ".realTimeFeedback-poll-button": {
    23292329              "-webkit-user-select": "none",
    23302330              "-moz-user-select": "none",
     
    23422342              "align-self": "flex-end"
    23432343          },
    2344           ".usabilityFeedback-poll-button--active": {
     2344          ".realTimeFeedback-poll-button--active": {
    23452345              "cursor": "pointer",
    23462346              "color": "#fff",
    23472347              "background": "#2b882b"
    23482348          },
    2349           ".usabilityFeedback-poll-step2": {
     2349          ".realTimeFeedback-poll-step2": {
    23502350              "display": "none",
    23512351              "flex-direction": "column",
     
    23542354              "padding": "12px 0 6px"
    23552355          },
    2356           ".usabilityFeedback-poll-button-close": {
     2356          ".realTimeFeedback-poll-button-close": {
    23572357              "cursor": "pointer",
    23582358              "padding": "10px 18px",
     
    23632363              "margin": "5px 0 0 0"
    23642364          },
    2365           ".usabilityFeedback-poll-button-close:hover": {
     2365          ".realTimeFeedback-poll-button-close:hover": {
    23662366              "opacity": .9
    23672367          },
    2368           ".usabilityFeedback-poll-button--active:hover": {
     2368          ".realTimeFeedback-poll-button--active:hover": {
    23692369              "opacity": .9
    23702370          },
    2371           ".usabilityFeedback-poll-close": {
     2371          ".realTimeFeedback-poll-close": {
    23722372              "display": "flex",
    23732373              "position": "absolute",
     
    23782378              "stroke": "#888"
    23792379          },
    2380           ".usabilityFeedback-poll-close:hover": {
     2380          ".realTimeFeedback-poll-close:hover": {
    23812381              "stroke": "#ccc"
    23822382          }
     
    23942394
    23952395  function updateCSS() {
    2396       var style = document.querySelector('[data-js-usabilityFeedback-style-poll]');
     2396      var style = document.querySelector('[data-js-realTimeFeedback-style-poll]');
    23972397
    23982398      if (!style) {
    23992399          style = document.createElement('style');
    24002400          style.type = 'text/css';
    2401           style.setAttribute('data-js-usabilityFeedback-style-poll', '');
     2401          style.setAttribute('data-js-realTimeFeedback-style-poll', '');
    24022402          document.head.appendChild(style);
    24032403      }
     
    24272427      }
    24282428
    2429       document.querySelector('[data-js-usabilityFeedback-preview]').innerHTML = template;
     2429      document.querySelector('[data-js-realTimeFeedback-preview]').innerHTML = template;
    24302430  }
    24312431
     
    24412441  }
    24422442
    2443   if (document.querySelector('[data-js-usabilityFeedback-preview]')) {
     2443  if (document.querySelector('[data-js-realTimeFeedback-preview]')) {
    24442444      requestIdleCallback(function () {
    24452445          var timeout = null;
    24462446
    24472447          var _loop = function _loop(target) {
    2448               var param = target.getAttribute('data-js-usabilityFeedback-option');
     2448              var param = target.getAttribute('data-js-realTimeFeedback-option');
    24492449
    24502450              poll.data[param] = target.value;
     
    24652465
    24662466          try {
    2467               for (var _iterator = document.querySelectorAll('[data-js-usabilityFeedback-option]')[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
     2467              for (var _iterator = document.querySelectorAll('[data-js-realTimeFeedback-option]')[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
    24682468                  var target = _step.value;
    24692469
     
    24902490
    24912491          try {
    2492               for (var _iterator2 = document.querySelectorAll('[data-js-usabilityFeedback-spectrum]')[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
     2492              for (var _iterator2 = document.querySelectorAll('[data-js-realTimeFeedback-spectrum]')[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
    24932493                  var target = _step2.value;
    24942494
    2495                   poll.css['.usabilityFeedback-poll'][target.getAttribute('data-js-usabilityFeedback-spectrum')] = target.value;
     2495                  poll.css['.realTimeFeedback-poll'][target.getAttribute('data-js-realTimeFeedback-spectrum')] = target.value;
    24962496              }
    24972497
     
    25122512          }
    25132513
    2514           var fontTarget = document.querySelector('[data-js-usabilityFeedback-font]');
    2515           poll.css['.usabilityFeedback-poll']['font-family'] = fontTarget.value;
     2514          var fontTarget = document.querySelector('[data-js-realTimeFeedback-font]');
     2515          poll.css['.realTimeFeedback-poll']['font-family'] = fontTarget.value;
    25162516          fontTarget.addEventListener('keyup', function () {
    2517               poll.css['.usabilityFeedback-poll']['font-family'] = fontTarget.value;
     2517              poll.css['.realTimeFeedback-poll']['font-family'] = fontTarget.value;
    25182518              updateCSS();
    25192519              enableSaveButton();
     
    25252525
    25262526      // spectrum color picker
    2527       jQuery('[data-js-usabilityFeedback-spectrum]').spectrum({
     2527      jQuery('[data-js-realTimeFeedback-spectrum]').spectrum({
    25282528          showInput: true,
    25292529          showAlpha: true,
     
    25372537              var colorRGB = color.toRgbString();
    25382538
    2539               poll.css['.usabilityFeedback-poll'][this.getAttribute('data-js-usabilityFeedback-spectrum')] = colorRGB;
     2539              poll.css['.realTimeFeedback-poll'][this.getAttribute('data-js-realTimeFeedback-spectrum')] = colorRGB;
    25402540              this.value = colorRGB;
    25412541
  • usability-feedback/tags/1.0.0/admin/js/main1.0.0.js

    r1912544 r1915924  
    1 !function(){"use strict";var t,N="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t};t=function(Et,It){var Nt={beforeShow:t,move:t,change:t,show:t,hide:t,color:!1,flat:!1,showInput:!1,allowEmpty:!1,showButtons:!0,clickoutFiresChange:!0,showInitial:!1,showPalette:!1,showPaletteOnly:!1,hideAfterPaletteSelect:!1,togglePaletteOnly:!1,showSelectionPalette:!0,localStorageKey:!1,appendTo:"body",maxSelectionSize:7,cancelText:"cancel",chooseText:"choose",togglePaletteMoreText:"more",togglePaletteLessText:"less",clearText:"Clear Color Selection",noColorSelectedText:"No Color Selected",preferredFormat:!1,className:"",containerClassName:"",replacerClassName:"",showAlpha:!1,theme:"sp-light",palette:[["#ffffff","#000000","#ff0000","#ff8000","#ffff00","#008000","#0000ff","#4b0082","#9400d3"]],selectionPalette:[],disabled:!1,offset:null},zt=[],Dt=!!/msie/i.exec(window.navigator.userAgent),Lt=function(){function t(t,e){return!!~(""+t).indexOf(e)}var e=document.createElement("div").style;return e.cssText="background-color:rgba(0,0,0,.5)",t(e.backgroundColor,"rgba")||t(e.backgroundColor,"hsla")}(),Bt=["<div class='sp-replacer'>","<div class='sp-preview'><div class='sp-preview-inner'></div></div>","<div class='sp-dd'>&#9660;</div>","</div>"].join(""),$t=function(){var t="";if(Dt)for(var e=1;e<=6;e++)t+="<div class='sp-"+e+"'></div>";return["<div class='sp-container sp-hidden'>","<div class='sp-palette-container'>","<div class='sp-palette sp-thumb sp-cf'></div>","<div class='sp-palette-button-container sp-cf'>","<button type='button' class='sp-palette-toggle'></button>","</div>","</div>","<div class='sp-picker-container'>","<div class='sp-top sp-cf'>","<div class='sp-fill'></div>","<div class='sp-top-inner'>","<div class='sp-color'>","<div class='sp-sat'>","<div class='sp-val'>","<div class='sp-dragger'></div>","</div>","</div>","</div>","<div class='sp-clear sp-clear-display'>","</div>","<div class='sp-hue'>","<div class='sp-slider'></div>",t,"</div>","</div>","<div class='sp-alpha'><div class='sp-alpha-inner'><div class='sp-alpha-handle'></div></div></div>","</div>","<div class='sp-input-container sp-cf'>","<input class='sp-input' type='text' spellcheck='false'  />","</div>","<div class='sp-initial sp-thumb sp-cf'></div>","<div class='sp-button-container sp-cf'>","<a class='sp-cancel' href='#'></a>","<button type='button' class='sp-choose'></button>","</div>","</div>","</div>"].join("")}();function Kt(t,e,a,r){for(var i=[],n=0;n<t.length;n++){var o=t[n];if(o){var s=tinycolor(o),l=s.toHsl().l<.5?"sp-thumb-el sp-thumb-dark":"sp-thumb-el sp-thumb-light";l+=tinycolor.equals(e,o)?" sp-thumb-active":"";var c=s.toString(r.preferredFormat||"rgb"),u=Lt?"background-color:"+s.toRgbString():"filter:"+s.toFilter();i.push('<span title="'+c+'" data-color="'+s.toRgbString()+'" class="'+l+'"><span class="sp-thumb-inner" style="'+u+';" /></span>')}else{i.push(Et("<div />").append(Et('<span data-color="" style="background-color:transparent;" class="sp-clear-display"></span>').attr("title",r.noColorSelectedText)).html())}}return"<div class='sp-cf "+a+"'>"+i.join("")+"</div>"}function e(t,e){var a,r,i,n,o,s,l,u=(o=e,s=t,(l=Et.extend({},Nt,o)).callbacks={move:Wt(l.move,s),change:Wt(l.change,s),show:Wt(l.show,s),hide:Wt(l.hide,s),beforeShow:Wt(l.beforeShow,s)},l),d=u.flat,c=u.showSelectionPalette,f=u.localStorageKey,p=u.theme,h=u.callbacks,b=(a=jt,r=10,function(){var t=this,e=arguments;i&&clearTimeout(n),!i&&n||(n=setTimeout(function(){n=null,a.apply(t,e)},r))}),g=!1,v=!1,m=0,y=0,w=0,x=0,k=0,_=0,S=0,F=0,C=0,A=0,P=1,M=[],R=[],T={},H=u.selectionPalette.slice(0),j=u.maxSelectionSize,O="sp-dragging",q=null,E=t.ownerDocument,I=(E.body,Et(t)),N=!1,z=Et($t,E).addClass(p),D=z.find(".sp-picker-container"),L=z.find(".sp-color"),B=z.find(".sp-dragger"),$=z.find(".sp-hue"),K=z.find(".sp-slider"),V=z.find(".sp-alpha-inner"),W=z.find(".sp-alpha"),U=z.find(".sp-alpha-handle"),X=z.find(".sp-input"),Y=z.find(".sp-palette"),Q=z.find(".sp-initial"),G=z.find(".sp-cancel"),J=z.find(".sp-clear"),Z=z.find(".sp-choose"),tt=z.find(".sp-palette-toggle"),et=I.is("input"),at=et&&"color"===I.attr("type")&&Xt(),rt=et&&!d,it=rt?Et(Bt).addClass(p).addClass(u.className).addClass(u.replacerClassName):Et([]),nt=rt?it:I,ot=it.find(".sp-preview-inner"),st=u.color||et&&I.val(),lt=!1,ct=u.preferredFormat,ut=!u.showButtons||u.clickoutFiresChange,dt=!st,ft=u.allowEmpty&&!at;function pt(){if(u.showPaletteOnly&&(u.showPalette=!0),tt.text(u.showPaletteOnly?u.togglePaletteMoreText:u.togglePaletteLessText),u.palette){M=u.palette.slice(0),R=Et.isArray(M[0])?M:[M],T={};for(var t=0;t<R.length;t++)for(var e=0;e<R[t].length;e++){var a=tinycolor(R[t][e]).toRgbString();T[a]=!0}}z.toggleClass("sp-flat",d),z.toggleClass("sp-input-disabled",!u.showInput),z.toggleClass("sp-alpha-enabled",u.showAlpha),z.toggleClass("sp-clear-enabled",ft),z.toggleClass("sp-buttons-disabled",!u.showButtons),z.toggleClass("sp-palette-buttons-disabled",!u.togglePaletteOnly),z.toggleClass("sp-palette-disabled",!u.showPalette),z.toggleClass("sp-palette-only",u.showPaletteOnly),z.toggleClass("sp-initial-disabled",!u.showInitial),z.addClass(u.className).addClass(u.containerClassName),jt()}function ht(){if(f&&window.localStorage){try{var t=window.localStorage[f].split(",#");1<t.length&&(delete window.localStorage[f],Et.each(t,function(t,e){bt(e)}))}catch(t){}try{H=window.localStorage[f].split(";")}catch(t){}}}function bt(t){if(c){var e=tinycolor(t).toRgbString();if(!T[e]&&-1===Et.inArray(e,H))for(H.push(e);H.length>j;)H.shift();if(f&&window.localStorage)try{window.localStorage[f]=H.join(";")}catch(t){}}}function gt(){var a=Pt(),t=Et.map(R,function(t,e){return Kt(t,a,"sp-palette-row sp-palette-row-"+e,u)});ht(),H&&t.push(Kt(function(){var t=[];if(u.showPalette)for(var e=0;e<H.length;e++){var a=tinycolor(H[e]).toRgbString();T[a]||t.push(H[e])}return t.reverse().slice(0,u.maxSelectionSize)}(),a,"sp-palette-row sp-palette-row-selection",u)),Y.html(t.join(""))}function vt(){if(u.showInitial){var t=lt,e=Pt();Q.html(Kt([t,e],e,"sp-palette-row-initial",u))}}function mt(){(y<=0||m<=0||x<=0)&&jt(),v=!0,z.addClass(O),q=null,I.trigger("dragstart.spectrum",[Pt()])}function yt(){v=!1,z.removeClass(O),I.trigger("dragstop.spectrum",[Pt()])}function wt(){var t=X.val();if(null!==t&&""!==t||!ft){var e=tinycolor(t);e.isValid()?(At(e),Ht(!0)):X.addClass("sp-validation-error")}else At(null),Ht(!0)}function xt(){g?Ft():kt()}function kt(){var t=Et.Event("beforeShow.spectrum");g?jt():(I.trigger(t,[Pt()]),!1===h.beforeShow(Pt())||t.isDefaultPrevented()||(!function(){for(var t=0;t<zt.length;t++)zt[t]&&zt[t].hide()}(),g=!0,Et(E).bind("keydown.spectrum",_t),Et(E).bind("click.spectrum",St),Et(window).bind("resize.spectrum",b),it.addClass("sp-active"),z.removeClass("sp-hidden"),jt(),Rt(),lt=Pt(),vt(),h.show(lt),I.trigger("show.spectrum",[lt])))}function _t(t){27===t.keyCode&&Ft()}function St(t){2!=t.button&&(v||(ut?Ht(!0):Ct(),Ft()))}function Ft(){g&&!d&&(g=!1,Et(E).unbind("keydown.spectrum",_t),Et(E).unbind("click.spectrum",St),Et(window).unbind("resize.spectrum",b),it.removeClass("sp-active"),z.addClass("sp-hidden"),h.hide(Pt()),I.trigger("hide.spectrum",[Pt()]))}function Ct(){At(lt,!0)}function At(t,e){var a,r;tinycolor.equals(t,Pt())?Rt():(!t&&ft?dt=!0:(dt=!1,r=(a=tinycolor(t)).toHsv(),F=r.h%360/360,C=r.s,A=r.v,P=r.a),Rt(),a&&a.isValid()&&!e&&(ct=u.preferredFormat||a.getFormat()))}function Pt(t){return t=t||{},ft&&dt?null:tinycolor.fromRatio({h:F,s:C,v:A,a:Math.round(100*P)/100},{format:t.format||ct})}function Mt(){Rt(),h.move(Pt()),I.trigger("move.spectrum",[Pt()])}function Rt(){X.removeClass("sp-validation-error"),Tt();var t=tinycolor.fromRatio({h:F,s:1,v:1});L.css("background-color",t.toHexString());var e=ct;P<1&&(0!==P||"name"!==e)&&("hex"!==e&&"hex3"!==e&&"hex6"!==e&&"name"!==e||(e="rgb"));var a=Pt({format:e}),r="";if(ot.removeClass("sp-clear-display"),ot.css("background-color","transparent"),!a&&ft)ot.addClass("sp-clear-display");else{var i=a.toHexString(),n=a.toRgbString();if(Lt||1===a.alpha?ot.css("background-color",n):(ot.css("background-color","transparent"),ot.css("filter",a.toFilter())),u.showAlpha){var o=a.toRgb();o.a=0;var s=tinycolor(o).toRgbString(),l="linear-gradient(left, "+s+", "+i+")";Dt?V.css("filter",tinycolor(s).toFilter({gradientType:1},i)):(V.css("background","-webkit-"+l),V.css("background","-moz-"+l),V.css("background","-ms-"+l),V.css("background","linear-gradient(to right, "+s+", "+i+")"))}r=a.toString(e)}u.showInput&&X.val(r),u.showPalette&&gt(),vt()}function Tt(){var t=C,e=A;if(ft&&dt)U.hide(),K.hide(),B.hide();else{U.show(),K.show(),B.show();var a=t*m,r=y-e*y;a=Math.max(-w,Math.min(m-w,a-w)),r=Math.max(-w,Math.min(y-w,r-w)),B.css({top:r+"px",left:a+"px"});var i=P*k;U.css({left:i-_/2+"px"});var n=F*x;K.css({top:n-S+"px"})}}function Ht(t){var e=Pt(),a="",r=!tinycolor.equals(e,lt);e&&(a=e.toString(ct),bt(e)),et&&I.val(a),t&&r&&(h.change(e),I.trigger("change",[e]))}function jt(){var t,e,a,r,i,n,o,s,l,c;g&&(m=L.width(),y=L.height(),w=B.height(),$.width(),x=$.height(),S=K.height(),k=W.width(),_=U.width(),d||(z.css("position","absolute"),u.offset?z.offset(u.offset):z.offset((e=nt,a=(t=z).outerWidth(),r=t.outerHeight(),i=e.outerHeight(),n=t[0].ownerDocument,o=n.documentElement,s=o.clientWidth+Et(n).scrollLeft(),l=o.clientHeight+Et(n).scrollTop(),(c=e.offset()).top+=i,c.left-=Math.min(c.left,c.left+a>s&&a<s?Math.abs(c.left+a-s):0),c.top-=Math.min(c.top,c.top+r>l&&r<l?Math.abs(r+i-0):0),c))),Tt(),u.showPalette&&gt(),I.trigger("reflow.spectrum"))}function Ot(){Ft(),N=!0,I.attr("disabled",!0),nt.addClass("sp-disabled")}!function(){if(Dt&&z.find("*:not(input)").attr("unselectable","on"),pt(),rt&&I.after(it).hide(),ft||J.hide(),d)I.after(z).hide();else{var t="parent"===u.appendTo?I.parent():Et(u.appendTo);1!==t.length&&(t=Et("body")),t.append(z)}function e(t){return t.data&&t.data.ignore?(At(Et(t.target).closest(".sp-thumb-el").data("color")),Mt()):(At(Et(t.target).closest(".sp-thumb-el").data("color")),Mt(),Ht(!0),u.hideAfterPaletteSelect&&Ft()),!1}ht(),nt.bind("click.spectrum touchstart.spectrum",function(t){N||xt(),t.stopPropagation(),Et(t.target).is("input")||t.preventDefault()}),(I.is(":disabled")||!0===u.disabled)&&Ot(),z.click(Vt),X.change(wt),X.bind("paste",function(){setTimeout(wt,1)}),X.keydown(function(t){13==t.keyCode&&wt()}),G.text(u.cancelText),G.bind("click.spectrum",function(t){t.stopPropagation(),t.preventDefault(),Ct(),Ft()}),J.attr("title",u.clearText),J.bind("click.spectrum",function(t){t.stopPropagation(),t.preventDefault(),dt=!0,Mt(),d&&Ht(!0)}),Z.text(u.chooseText),Z.bind("click.spectrum",function(t){t.stopPropagation(),t.preventDefault(),Dt&&X.is(":focus")&&X.trigger("change"),X.hasClass("sp-validation-error")||(Ht(!0),Ft())}),tt.text(u.showPaletteOnly?u.togglePaletteMoreText:u.togglePaletteLessText),tt.bind("click.spectrum",function(t){t.stopPropagation(),t.preventDefault(),u.showPaletteOnly=!u.showPaletteOnly,u.showPaletteOnly||d||z.css("left","-="+(D.outerWidth(!0)+5)),pt()}),Ut(W,function(t,e,a){P=t/k,dt=!1,a.shiftKey&&(P=Math.round(10*P)/10),Mt()},mt,yt),Ut($,function(t,e){F=parseFloat(e/x),dt=!1,u.showAlpha||(P=1),Mt()},mt,yt),Ut(L,function(t,e,a){if(a.shiftKey){if(!q){var r=C*m,i=y-A*y,n=Math.abs(t-r)>Math.abs(e-i);q=n?"x":"y"}}else q=null;var o=!q||"y"===q;(!q||"x"===q)&&(C=parseFloat(t/m)),o&&(A=parseFloat((y-e)/y)),dt=!1,u.showAlpha||(P=1),Mt()},mt,yt),st?(At(st),Rt(),ct=u.preferredFormat||tinycolor(st).format,bt(st)):Rt(),d&&kt();var a=Dt?"mousedown.spectrum":"click.spectrum touchstart.spectrum";Y.delegate(".sp-thumb-el",a,e),Q.delegate(".sp-thumb-el:nth-child(1)",a,{ignore:!0},e)}();var qt={show:kt,hide:Ft,toggle:xt,reflow:jt,option:function(t,e){return t===It?Et.extend({},u):e===It?u[t]:(u[t]=e,"preferredFormat"===t&&(ct=u.preferredFormat),void pt())},enable:function(){N=!1,I.attr("disabled",!1),nt.removeClass("sp-disabled")},disable:Ot,offset:function(t){u.offset=t,jt()},set:function(t){At(t),Ht()},get:Pt,destroy:function(){I.show(),nt.unbind("click.spectrum touchstart.spectrum"),z.remove(),it.remove(),zt[qt.id]=null},container:z};return qt.id=zt.push(qt)-1,qt}function t(){}function Vt(t){t.stopPropagation()}function Wt(t,e){var a=Array.prototype.slice,r=a.call(arguments,2);return function(){return t.apply(e,r.concat(a.call(arguments)))}}function Ut(o,s,e,t){s=s||function(){},e=e||function(){},t=t||function(){};var l=document,c=!1,u={},d=0,f=0,p="ontouchstart"in window,a={};function h(t){t.stopPropagation&&t.stopPropagation(),t.preventDefault&&t.preventDefault(),t.returnValue=!1}function r(t){if(c){if(Dt&&l.documentMode<9&&!t.button)return b();var e=t.originalEvent&&t.originalEvent.touches&&t.originalEvent.touches[0],a=e&&e.pageX||t.pageX,r=e&&e.pageY||t.pageY,i=Math.max(0,Math.min(a-u.left,f)),n=Math.max(0,Math.min(r-u.top,d));p&&h(t),s.apply(o,[i,n,t])}}function b(){c&&(Et(l).unbind(a),Et(l.body).removeClass("sp-dragging"),setTimeout(function(){t.apply(o,arguments)},0)),c=!1}a.selectstart=h,a.dragstart=h,a["touchmove mousemove"]=r,a["touchend mouseup"]=b,Et(o).bind("touchstart mousedown",function(t){(t.which?3==t.which:2==t.button)||c||!1!==e.apply(o,arguments)&&(c=!0,d=Et(o).height(),f=Et(o).width(),u=Et(o).offset(),Et(l).bind(a),Et(l.body).addClass("sp-dragging"),r(t),h(t))})}function Xt(){return Et.fn.spectrum.inputTypeColorSupport()}var n="spectrum.id";Et.fn.spectrum=function(a,t){if("string"==typeof a){var r=this,i=Array.prototype.slice.call(arguments,1);return this.each(function(){var t=zt[Et(this).data(n)];if(t){var e=t[a];if(!e)throw new Error("Spectrum: no such method: '"+a+"'");"get"==a?r=t.get():"container"==a?r=t.container:"option"==a?r=t.option.apply(t,i):"destroy"==a?(t.destroy(),Et(this).removeData(n)):e.apply(t,i)}}),r}return this.spectrum("destroy").each(function(){var t=e(this,Et.extend({},a,Et(this).data()));Et(this).data(n,t.id)})},Et.fn.spectrum.load=!0,Et.fn.spectrum.loadOpts={},Et.fn.spectrum.draggable=Ut,Et.fn.spectrum.defaults=Nt,Et.fn.spectrum.inputTypeColorSupport=function t(){if(void 0===t._cachedResult){var e=Et("<input type='color'/>")[0];t._cachedResult="color"===e.type&&""!==e.value}return t._cachedResult},Et.spectrum={},Et.spectrum.localization={},Et.spectrum.palettes={},Et.fn.spectrum.processNativeColorInputs=function(){var t=Et("input[type=color]");t.length&&!Xt()&&t.spectrum({preferredFormat:"hex6"})},function(){var l=/^[\s,#]+/,c=/\s+$/,i=0,u=Math,n=u.round,d=u.min,f=u.max,t=u.random,p=function t(e,a){if(a=a||{},(e=e||"")instanceof t)return e;if(!(this instanceof t))return new t(e,a);var r=function(t){var e={r:0,g:0,b:0},a=1,r=!1,i=!1;"string"==typeof t&&(t=function(t){t=t.replace(l,"").replace(c,"").toLowerCase();var e,a=!1;if(C[t])t=C[t],a=!0;else if("transparent"==t)return{r:0,g:0,b:0,a:0,format:"name"};if(e=I.rgb.exec(t))return{r:e[1],g:e[2],b:e[3]};if(e=I.rgba.exec(t))return{r:e[1],g:e[2],b:e[3],a:e[4]};if(e=I.hsl.exec(t))return{h:e[1],s:e[2],l:e[3]};if(e=I.hsla.exec(t))return{h:e[1],s:e[2],l:e[3],a:e[4]};if(e=I.hsv.exec(t))return{h:e[1],s:e[2],v:e[3]};if(e=I.hsva.exec(t))return{h:e[1],s:e[2],v:e[3],a:e[4]};if(e=I.hex8.exec(t))return{a:(r=e[1],T(r)/255),r:T(e[2]),g:T(e[3]),b:T(e[4]),format:a?"name":"hex8"};var r;if(e=I.hex6.exec(t))return{r:T(e[1]),g:T(e[2]),b:T(e[3]),format:a?"name":"hex"};if(e=I.hex3.exec(t))return{r:T(e[1]+""+e[1]),g:T(e[2]+""+e[2]),b:T(e[3]+""+e[3]),format:a?"name":"hex"};return!1}(t));"object"==(void 0===t?"undefined":N(t))&&(t.hasOwnProperty("r")&&t.hasOwnProperty("g")&&t.hasOwnProperty("b")?(n=t.r,o=t.g,s=t.b,e={r:255*M(n,255),g:255*M(o,255),b:255*M(s,255)},r=!0,i="%"===String(t.r).substr(-1)?"prgb":"rgb"):t.hasOwnProperty("h")&&t.hasOwnProperty("s")&&t.hasOwnProperty("v")?(t.s=j(t.s),t.v=j(t.v),e=function(t,e,a){t=6*M(t,360),e=M(e,100),a=M(a,100);var r=u.floor(t),i=t-r,n=a*(1-e),o=a*(1-i*e),s=a*(1-(1-i)*e),l=r%6;return{r:255*[a,o,n,n,s,a][l],g:255*[s,a,a,o,n,n][l],b:255*[n,n,s,a,a,o][l]}}(t.h,t.s,t.v),r=!0,i="hsv"):t.hasOwnProperty("h")&&t.hasOwnProperty("s")&&t.hasOwnProperty("l")&&(t.s=j(t.s),t.l=j(t.l),e=function(t,e,a){var r,i,n;function o(t,e,a){return a<0&&(a+=1),1<a&&(a-=1),a<1/6?t+6*(e-t)*a:a<.5?e:a<2/3?t+(e-t)*(2/3-a)*6:t}if(t=M(t,360),e=M(e,100),a=M(a,100),0===e)r=i=n=a;else{var s=a<.5?a*(1+e):a+e-a*e,l=2*a-s;r=o(l,s,t+1/3),i=o(l,s,t),n=o(l,s,t-1/3)}return{r:255*r,g:255*i,b:255*n}}(t.h,t.s,t.l),r=!0,i="hsl"),t.hasOwnProperty("a")&&(a=t.a));var n,o,s;return a=P(a),{ok:r,format:t.format||i,r:d(255,f(e.r,0)),g:d(255,f(e.g,0)),b:d(255,f(e.b,0)),a:a}}(e);this._originalInput=e,this._r=r.r,this._g=r.g,this._b=r.b,this._a=r.a,this._roundA=n(100*this._a)/100,this._format=a.format||r.format,this._gradientType=a.gradientType,this._r<1&&(this._r=n(this._r)),this._g<1&&(this._g=n(this._g)),this._b<1&&(this._b=n(this._b)),this._ok=r.ok,this._tc_id=i++};function o(t,e,a){t=M(t,255),e=M(e,255),a=M(a,255);var r,i,n=f(t,e,a),o=d(t,e,a),s=(n+o)/2;if(n==o)r=i=0;else{var l=n-o;switch(i=.5<s?l/(2-n-o):l/(n+o),n){case t:r=(e-a)/l+(e<a?6:0);break;case e:r=(a-t)/l+2;break;case a:r=(t-e)/l+4}r/=6}return{h:r,s:i,l:s}}function s(t,e,a){t=M(t,255),e=M(e,255),a=M(a,255);var r,i,n=f(t,e,a),o=d(t,e,a),s=n,l=n-o;if(i=0===n?0:l/n,n==o)r=0;else{switch(n){case t:r=(e-a)/l+(e<a?6:0);break;case e:r=(a-t)/l+2;break;case a:r=(t-e)/l+4}r/=6}return{h:r,s:i,v:s}}function e(t,e,a,r){var i=[H(n(t).toString(16)),H(n(e).toString(16)),H(n(a).toString(16))];return r&&i[0].charAt(0)==i[0].charAt(1)&&i[1].charAt(0)==i[1].charAt(1)&&i[2].charAt(0)==i[2].charAt(1)?i[0].charAt(0)+i[1].charAt(0)+i[2].charAt(0):i.join("")}function h(t,e,a,r){var i;return[H((i=r,Math.round(255*parseFloat(i)).toString(16))),H(n(t).toString(16)),H(n(e).toString(16)),H(n(a).toString(16))].join("")}function a(t,e){e=0===e?0:e||10;var a=p(t).toHsl();return a.s-=e/100,a.s=R(a.s),p(a)}function r(t,e){e=0===e?0:e||10;var a=p(t).toHsl();return a.s+=e/100,a.s=R(a.s),p(a)}function b(t){return p(t).desaturate(100)}function g(t,e){e=0===e?0:e||10;var a=p(t).toHsl();return a.l+=e/100,a.l=R(a.l),p(a)}function v(t,e){e=0===e?0:e||10;var a=p(t).toRgb();return a.r=f(0,d(255,a.r-n(-e/100*255))),a.g=f(0,d(255,a.g-n(-e/100*255))),a.b=f(0,d(255,a.b-n(-e/100*255))),p(a)}function m(t,e){e=0===e?0:e||10;var a=p(t).toHsl();return a.l-=e/100,a.l=R(a.l),p(a)}function y(t,e){var a=p(t).toHsl(),r=(n(a.h)+e)%360;return a.h=r<0?360+r:r,p(a)}function w(t){var e=p(t).toHsl();return e.h=(e.h+180)%360,p(e)}function x(t){var e=p(t).toHsl(),a=e.h;return[p(t),p({h:(a+120)%360,s:e.s,l:e.l}),p({h:(a+240)%360,s:e.s,l:e.l})]}function k(t){var e=p(t).toHsl(),a=e.h;return[p(t),p({h:(a+90)%360,s:e.s,l:e.l}),p({h:(a+180)%360,s:e.s,l:e.l}),p({h:(a+270)%360,s:e.s,l:e.l})]}function _(t){var e=p(t).toHsl(),a=e.h;return[p(t),p({h:(a+72)%360,s:e.s,l:e.l}),p({h:(a+216)%360,s:e.s,l:e.l})]}function S(t,e,a){e=e||6,a=a||30;var r=p(t).toHsl(),i=360/a,n=[p(t)];for(r.h=(r.h-(i*e>>1)+720)%360;--e;)r.h=(r.h+i)%360,n.push(p(r));return n}function F(t,e){e=e||6;for(var a=p(t).toHsv(),r=a.h,i=a.s,n=a.v,o=[],s=1/e;e--;)o.push(p({h:r,s:i,v:n})),n=(n+s)%1;return o}p.prototype={isDark:function(){return this.getBrightness()<128},isLight:function(){return!this.isDark()},isValid:function(){return this._ok},getOriginalInput:function(){return this._originalInput},getFormat:function(){return this._format},getAlpha:function(){return this._a},getBrightness:function(){var t=this.toRgb();return(299*t.r+587*t.g+114*t.b)/1e3},setAlpha:function(t){return this._a=P(t),this._roundA=n(100*this._a)/100,this},toHsv:function(){var t=s(this._r,this._g,this._b);return{h:360*t.h,s:t.s,v:t.v,a:this._a}},toHsvString:function(){var t=s(this._r,this._g,this._b),e=n(360*t.h),a=n(100*t.s),r=n(100*t.v);return 1==this._a?"hsv("+e+", "+a+"%, "+r+"%)":"hsva("+e+", "+a+"%, "+r+"%, "+this._roundA+")"},toHsl:function(){var t=o(this._r,this._g,this._b);return{h:360*t.h,s:t.s,l:t.l,a:this._a}},toHslString:function(){var t=o(this._r,this._g,this._b),e=n(360*t.h),a=n(100*t.s),r=n(100*t.l);return 1==this._a?"hsl("+e+", "+a+"%, "+r+"%)":"hsla("+e+", "+a+"%, "+r+"%, "+this._roundA+")"},toHex:function(t){return e(this._r,this._g,this._b,t)},toHexString:function(t){return"#"+this.toHex(t)},toHex8:function(){return h(this._r,this._g,this._b,this._a)},toHex8String:function(){return"#"+this.toHex8()},toRgb:function(){return{r:n(this._r),g:n(this._g),b:n(this._b),a:this._a}},toRgbString:function(){return 1==this._a?"rgb("+n(this._r)+", "+n(this._g)+", "+n(this._b)+")":"rgba("+n(this._r)+", "+n(this._g)+", "+n(this._b)+", "+this._roundA+")"},toPercentageRgb:function(){return{r:n(100*M(this._r,255))+"%",g:n(100*M(this._g,255))+"%",b:n(100*M(this._b,255))+"%",a:this._a}},toPercentageRgbString:function(){return 1==this._a?"rgb("+n(100*M(this._r,255))+"%, "+n(100*M(this._g,255))+"%, "+n(100*M(this._b,255))+"%)":"rgba("+n(100*M(this._r,255))+"%, "+n(100*M(this._g,255))+"%, "+n(100*M(this._b,255))+"%, "+this._roundA+")"},toName:function(){return 0===this._a?"transparent":!(this._a<1)&&(A[e(this._r,this._g,this._b,!0)]||!1)},toFilter:function(t){var e="#"+h(this._r,this._g,this._b,this._a),a=e,r=this._gradientType?"GradientType = 1, ":"";t&&(a=p(t).toHex8String());return"progid:DXImageTransform.Microsoft.gradient("+r+"startColorstr="+e+",endColorstr="+a+")"},toString:function(t){var e=!!t;t=t||this._format;var a=!1,r=this._a<1&&0<=this._a;return e||!r||"hex"!==t&&"hex6"!==t&&"hex3"!==t&&"name"!==t?("rgb"===t&&(a=this.toRgbString()),"prgb"===t&&(a=this.toPercentageRgbString()),"hex"!==t&&"hex6"!==t||(a=this.toHexString()),"hex3"===t&&(a=this.toHexString(!0)),"hex8"===t&&(a=this.toHex8String()),"name"===t&&(a=this.toName()),"hsl"===t&&(a=this.toHslString()),"hsv"===t&&(a=this.toHsvString()),a||this.toHexString()):"name"===t&&0===this._a?this.toName():this.toRgbString()},_applyModification:function(t,e){var a=t.apply(null,[this].concat([].slice.call(e)));return this._r=a._r,this._g=a._g,this._b=a._b,this.setAlpha(a._a),this},lighten:function(){return this._applyModification(g,arguments)},brighten:function(){return this._applyModification(v,arguments)},darken:function(){return this._applyModification(m,arguments)},desaturate:function(){return this._applyModification(a,arguments)},saturate:function(){return this._applyModification(r,arguments)},greyscale:function(){return this._applyModification(b,arguments)},spin:function(){return this._applyModification(y,arguments)},_applyCombination:function(t,e){return t.apply(null,[this].concat([].slice.call(e)))},analogous:function(){return this._applyCombination(S,arguments)},complement:function(){return this._applyCombination(w,arguments)},monochromatic:function(){return this._applyCombination(F,arguments)},splitcomplement:function(){return this._applyCombination(_,arguments)},triad:function(){return this._applyCombination(x,arguments)},tetrad:function(){return this._applyCombination(k,arguments)}},p.fromRatio=function(t,e){if("object"==(void 0===t?"undefined":N(t))){var a={};for(var r in t)t.hasOwnProperty(r)&&(a[r]="a"===r?t[r]:j(t[r]));t=a}return p(t,e)},p.equals=function(t,e){return!(!t||!e)&&p(t).toRgbString()==p(e).toRgbString()},p.random=function(){return p.fromRatio({r:t(),g:t(),b:t()})},p.mix=function(t,e,a){a=0===a?0:a||50;var r,i=p(t).toRgb(),n=p(e).toRgb(),o=a/100,s=2*o-1,l=n.a-i.a,c=1-(r=((r=s*l==-1?s:(s+l)/(1+s*l))+1)/2),u={r:n.r*r+i.r*c,g:n.g*r+i.g*c,b:n.b*r+i.b*c,a:n.a*o+i.a*(1-o)};return p(u)},p.readability=function(t,e){var a=p(t),r=p(e),i=a.toRgb(),n=r.toRgb(),o=a.getBrightness(),s=r.getBrightness(),l=Math.max(i.r,n.r)-Math.min(i.r,n.r)+Math.max(i.g,n.g)-Math.min(i.g,n.g)+Math.max(i.b,n.b)-Math.min(i.b,n.b);return{brightness:Math.abs(o-s),color:l}},p.isReadable=function(t,e){var a=p.readability(t,e);return 125<a.brightness&&500<a.color},p.mostReadable=function(t,e){for(var a=null,r=0,i=!1,n=0;n<e.length;n++){var o=p.readability(t,e[n]),s=125<o.brightness&&500<o.color,l=o.brightness/125*3+o.color/500;(s&&!i||s&&i&&r<l||!s&&!i&&r<l)&&(i=s,r=l,a=p(e[n]))}return a};var C=p.names={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"0ff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"00f",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",burntsienna:"ea7e5d",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"0ff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"f0f",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"663399",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"},A=p.hexNames=function(t){var e={};for(var a in t)t.hasOwnProperty(a)&&(e[t[a]]=a);return e}(C);function P(t){return t=parseFloat(t),(isNaN(t)||t<0||1<t)&&(t=1),t}function M(t,e){var a;"string"==typeof(a=t)&&-1!=a.indexOf(".")&&1===parseFloat(a)&&(t="100%");var r,i="string"==typeof(r=t)&&-1!=r.indexOf("%");return t=d(e,f(0,parseFloat(t))),i&&(t=parseInt(t*e,10)/100),u.abs(t-e)<1e-6?1:t%e/parseFloat(e)}function R(t){return d(1,f(0,t))}function T(t){return parseInt(t,16)}function H(t){return 1==t.length?"0"+t:""+t}function j(t){return t<=1&&(t=100*t+"%"),t}var O,q,E,I=(q="[\\s|\\(]+("+(O="(?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?)")+")[,|\\s]+("+O+")[,|\\s]+("+O+")\\s*\\)?",E="[\\s|\\(]+("+O+")[,|\\s]+("+O+")[,|\\s]+("+O+")[,|\\s]+("+O+")\\s*\\)?",{rgb:new RegExp("rgb"+q),rgba:new RegExp("rgba"+E),hsl:new RegExp("hsl"+q),hsla:new RegExp("hsla"+E),hsv:new RegExp("hsv"+q),hsva:new RegExp("hsva"+E),hex3:/^([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex6:/^([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,hex8:/^([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/});window.tinycolor=p}(),Et(function(){Et.fn.spectrum.load&&Et.fn.spectrum.processNativeColorInputs()})},"function"==typeof define&&define.amd?define(["jquery"],t):"object"==("undefined"==typeof exports?"undefined":N(exports))&&"object"==("undefined"==typeof module?"undefined":N(module))?module.exports=t(require("jquery")):t(jQuery);var e=document.querySelector("[data-js-tabstats]");if(e){var a=e.querySelector("[data-js-header]"),i=Array.from(a.querySelectorAll("[data-js]")),n=Array.from(e.querySelectorAll("[data-js-body]"));a.addEventListener("click",function(t){var a=t.target;if(a.hasAttribute("data-js")&&!a.hasAttribute("data-active")){var r=void 0;i.forEach(function(t,e){t===a?(r=e,t.setAttribute("data-active","")):t.removeAttribute("data-active")}),n.forEach(function(t,e){e===r?t.setAttribute("data-active",""):t.removeAttribute("data-active")})}})}var h={html:'<div class="usabilityFeedback usabilityFeedback-poll usabilityFeedback-animation-${animation} usabilityFeedback-position-${position}">\n            <div class="usabilityFeedback-poll-body">\n                <div class="usabilityFeedback-poll-step1">\n                    <div class="usabilityFeedback-poll-title">${title}</div>\n                    <textarea class="usabilityFeedback-poll-textarea" rows="5" placeholder="Type here your message..."></textarea>\n                    <input type="email" class="usabilityFeedback-poll-input" placeholder="Enter email for a response (optional)" />\n                    <div class="usabilityFeedback-button usabilityFeedback-poll-button">${actionText}</div>\n                </div>\n                <div class="usabilityFeedback-poll-step2" data-usabilityFeedback-action="next">\n                    <div class="usabilityFeedback-poll-title">${thanks}</div>\n                    <div class="usabilityFeedback-button usabilityFeedback-poll-button-close">${thanksButton}</div>\n                </div>\n            </div>\n            <div class="usabilityFeedback-poll-close" data-usabilityFeedback-action="close">\n                <svg height="11" width="11" xmlns="http://www.w3.org/2000/svg">\n                    <line x1="0" y1="11" x2="11" y2="0" stroke-width="2"/>\n                    <line x1="0" y1="0" x2="11" y2="11" stroke-width="2"/>\n                </svg>\n            </div>\n        </div>',css:{".usabilityFeedback-poll":{"border-radius":"4px 5px 0 0","z-index":2147483647,background:"rgb(60, 60, 60)",position:"fixed","max-width":"350px",width:"100%","box-shadow":"0 0 14px 3px rgba(0, 0, 0, 0.38)","font-family":"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif","font-weight":400,"line-height":1.4,color:"rgb(255, 255, 255)"},".usabilityFeedback-poll-body":{margin:"18px 13px 18px 13px"},".usabilityFeedback-poll-step1":{display:"flex","flex-direction":"column"},".usabilityFeedback-poll-title":{"max-width":"100%","text-align":"center",margin:"0 0 12px",padding:"0 20px","font-size":"15px","align-self":"center"},".usabilityFeedback-poll textarea.usabilityFeedback-poll-textarea":{color:"#585858",background:"#fff","font-family":"inherit","font-size":"13px","line-height":"inherit","font-weight":"inherit",padding:"9px 10px",resize:"none",width:"100%",border:"1px solid #3c3c3c","border-radius":"4px"},".usabilityFeedback-poll input.usabilityFeedback-poll-input":{color:"#585858",background:"#fff",width:"100%",padding:"0 10px",margin:"5px 0 0 0",border:"1px solid #3c3c3c","font-family":"inherit","font-size":"13px","line-height":"inherit","font-weight":"inherit",height:"36px","border-radius":"4px"},".usabilityFeedback-poll-button":{"-webkit-user-select":"none","-moz-user-select":"none","-ms-user-select":"none","user-select":"none","text-align":"center",cursor:"default",color:"rgba(255, 255, 255, 0.25)",padding:"10px 18px",background:"#545454","border-radius":"4px","font-size":"13px",margin:"18px 1px 0 0",transition:"background .3s, color .3s","align-self":"flex-end"},".usabilityFeedback-poll-button--active":{cursor:"pointer",color:"#fff",background:"#2b882b"},".usabilityFeedback-poll-step2":{display:"none","flex-direction":"column","align-items":"center","justify-content":"center",padding:"12px 0 6px"},".usabilityFeedback-poll-button-close":{cursor:"pointer",padding:"10px 18px",background:"#616161",color:"#fff","border-radius":"4px","font-size":"13px",margin:"5px 0 0 0"},".usabilityFeedback-poll-button-close:hover":{opacity:.9},".usabilityFeedback-poll-button--active:hover":{opacity:.9},".usabilityFeedback-poll-close":{display:"flex",position:"absolute",right:"8px",top:"8px",padding:"5px",cursor:"pointer",stroke:"#888"},".usabilityFeedback-poll-close:hover":{stroke:"#ccc"}},data:{position:"bottom-left",animation:"slideUp",title:"Would love to hear your feedback!",actionText:"Send Message",thanks:"Thank you for answering this poll. Your feedback is appreciated!",thanksButton:"Close"},name:"poll"};function b(){var t=document.querySelector("[data-js-usabilityFeedback-style-poll]");t||((t=document.createElement("style")).type="text/css",t.setAttribute("data-js-usabilityFeedback-style-poll",""),document.head.appendChild(t));var a="";Object.keys(h.css).forEach(function(e){a+=e+" {",Object.keys(h.css[e]).forEach(function(t){a+=t+": "+h.css[e][t]+";"}),a+="}"}),t.innerHTML=a}function g(){for(var t=h.html,e=h.data,a=/\${(.*?)}/g,r=void 0;r=a.exec(t);)t=t.replace(r[0],e[r[1]]);document.querySelector("[data-js-usabilityFeedback-preview]").innerHTML=t}function v(t,e){h.data[t]=e.value,g(),m()}function m(){document.querySelector("[data-js-saveButton]").removeAttribute("disabled")}document.querySelector("[data-js-usabilityFeedback-preview]")&&(requestIdleCallback(function(){var a=null,t=function(t){var e=t.getAttribute("data-js-usabilityFeedback-option");h.data[e]=t.value,"SELECT"===t.nodeName?t.addEventListener("change",v.bind(null,e,t)):t.addEventListener("keyup",function(){clearTimeout(a),a=setTimeout(v.bind(null,e,t),400)})},e=!0,r=!1,i=void 0;try{for(var n,o=document.querySelectorAll("[data-js-usabilityFeedback-option]")[Symbol.iterator]();!(e=(n=o.next()).done);e=!0){t(f=n.value)}}catch(t){r=!0,i=t}finally{try{!e&&o.return&&o.return()}finally{if(r)throw i}}var s=!0,l=!1,c=void 0;try{for(var u,d=document.querySelectorAll("[data-js-usabilityFeedback-spectrum]")[Symbol.iterator]();!(s=(u=d.next()).done);s=!0){var f=u.value;h.css[".usabilityFeedback-poll"][f.getAttribute("data-js-usabilityFeedback-spectrum")]=f.value}}catch(t){l=!0,c=t}finally{try{!s&&d.return&&d.return()}finally{if(l)throw c}}var p=document.querySelector("[data-js-usabilityFeedback-font]");h.css[".usabilityFeedback-poll"]["font-family"]=p.value,p.addEventListener("keyup",function(){h.css[".usabilityFeedback-poll"]["font-family"]=p.value,b(),m()}),b(),g()},{timeout:1e3}),jQuery("[data-js-usabilityFeedback-spectrum]").spectrum({showInput:!0,showAlpha:!0,showPalette:!0,maxSelectionSize:5,showInitial:!0,showButtons:!1,preferredFormat:"rgb",palette:[["#fff","#ccc","#333"],["#e4423c","#90c54d","#7044bf"],["#247dd6","#f7d913","#5ed0da"]],move:function(t){var e=t.toRgbString();h.css[".usabilityFeedback-poll"][this.getAttribute("data-js-usabilityFeedback-spectrum")]=e,this.value=e,b(),m()}}))}();
     1!function(){"use strict";var e,N="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};e=function(Ee,Ie){var Ne={beforeShow:e,move:e,change:e,show:e,hide:e,color:!1,flat:!1,showInput:!1,allowEmpty:!1,showButtons:!0,clickoutFiresChange:!0,showInitial:!1,showPalette:!1,showPaletteOnly:!1,hideAfterPaletteSelect:!1,togglePaletteOnly:!1,showSelectionPalette:!0,localStorageKey:!1,appendTo:"body",maxSelectionSize:7,cancelText:"cancel",chooseText:"choose",togglePaletteMoreText:"more",togglePaletteLessText:"less",clearText:"Clear Color Selection",noColorSelectedText:"No Color Selected",preferredFormat:!1,className:"",containerClassName:"",replacerClassName:"",showAlpha:!1,theme:"sp-light",palette:[["#ffffff","#000000","#ff0000","#ff8000","#ffff00","#008000","#0000ff","#4b0082","#9400d3"]],selectionPalette:[],disabled:!1,offset:null},ze=[],De=!!/msie/i.exec(window.navigator.userAgent),Le=function(){function e(e,t){return!!~(""+e).indexOf(t)}var t=document.createElement("div").style;return t.cssText="background-color:rgba(0,0,0,.5)",e(t.backgroundColor,"rgba")||e(t.backgroundColor,"hsla")}(),Be=["<div class='sp-replacer'>","<div class='sp-preview'><div class='sp-preview-inner'></div></div>","<div class='sp-dd'>&#9660;</div>","</div>"].join(""),$e=function(){var e="";if(De)for(var t=1;t<=6;t++)e+="<div class='sp-"+t+"'></div>";return["<div class='sp-container sp-hidden'>","<div class='sp-palette-container'>","<div class='sp-palette sp-thumb sp-cf'></div>","<div class='sp-palette-button-container sp-cf'>","<button type='button' class='sp-palette-toggle'></button>","</div>","</div>","<div class='sp-picker-container'>","<div class='sp-top sp-cf'>","<div class='sp-fill'></div>","<div class='sp-top-inner'>","<div class='sp-color'>","<div class='sp-sat'>","<div class='sp-val'>","<div class='sp-dragger'></div>","</div>","</div>","</div>","<div class='sp-clear sp-clear-display'>","</div>","<div class='sp-hue'>","<div class='sp-slider'></div>",e,"</div>","</div>","<div class='sp-alpha'><div class='sp-alpha-inner'><div class='sp-alpha-handle'></div></div></div>","</div>","<div class='sp-input-container sp-cf'>","<input class='sp-input' type='text' spellcheck='false'  />","</div>","<div class='sp-initial sp-thumb sp-cf'></div>","<div class='sp-button-container sp-cf'>","<a class='sp-cancel' href='#'></a>","<button type='button' class='sp-choose'></button>","</div>","</div>","</div>"].join("")}();function Ke(e,t,a,r){for(var n=[],i=0;i<e.length;i++){var o=e[i];if(o){var s=tinycolor(o),l=s.toHsl().l<.5?"sp-thumb-el sp-thumb-dark":"sp-thumb-el sp-thumb-light";l+=tinycolor.equals(t,o)?" sp-thumb-active":"";var c=s.toString(r.preferredFormat||"rgb"),d=Le?"background-color:"+s.toRgbString():"filter:"+s.toFilter();n.push('<span title="'+c+'" data-color="'+s.toRgbString()+'" class="'+l+'"><span class="sp-thumb-inner" style="'+d+';" /></span>')}else{n.push(Ee("<div />").append(Ee('<span data-color="" style="background-color:transparent;" class="sp-clear-display"></span>').attr("title",r.noColorSelectedText)).html())}}return"<div class='sp-cf "+a+"'>"+n.join("")+"</div>"}function t(e,t){var a,r,n,i,o,s,l,d=(o=t,s=e,(l=Ee.extend({},Ne,o)).callbacks={move:We(l.move,s),change:We(l.change,s),show:We(l.show,s),hide:We(l.hide,s),beforeShow:We(l.beforeShow,s)},l),u=d.flat,c=d.showSelectionPalette,f=d.localStorageKey,p=d.theme,h=d.callbacks,g=(a=je,r=10,function(){var e=this,t=arguments;n&&clearTimeout(i),!n&&i||(i=setTimeout(function(){i=null,a.apply(e,t)},r))}),b=!1,m=!1,v=0,y=0,w=0,x=0,k=0,_=0,S=0,T=0,F=0,C=0,A=1,P=[],M=[],R={},H=d.selectionPalette.slice(0),j=d.maxSelectionSize,O="sp-dragging",q=null,E=e.ownerDocument,I=(E.body,Ee(e)),N=!1,z=Ee($e,E).addClass(p),D=z.find(".sp-picker-container"),L=z.find(".sp-color"),B=z.find(".sp-dragger"),$=z.find(".sp-hue"),K=z.find(".sp-slider"),V=z.find(".sp-alpha-inner"),W=z.find(".sp-alpha"),U=z.find(".sp-alpha-handle"),X=z.find(".sp-input"),Y=z.find(".sp-palette"),Q=z.find(".sp-initial"),G=z.find(".sp-cancel"),J=z.find(".sp-clear"),Z=z.find(".sp-choose"),ee=z.find(".sp-palette-toggle"),te=I.is("input"),ae=te&&"color"===I.attr("type")&&Xe(),re=te&&!u,ne=re?Ee(Be).addClass(p).addClass(d.className).addClass(d.replacerClassName):Ee([]),ie=re?ne:I,oe=ne.find(".sp-preview-inner"),se=d.color||te&&I.val(),le=!1,ce=d.preferredFormat,de=!d.showButtons||d.clickoutFiresChange,ue=!se,fe=d.allowEmpty&&!ae;function pe(){if(d.showPaletteOnly&&(d.showPalette=!0),ee.text(d.showPaletteOnly?d.togglePaletteMoreText:d.togglePaletteLessText),d.palette){P=d.palette.slice(0),M=Ee.isArray(P[0])?P:[P],R={};for(var e=0;e<M.length;e++)for(var t=0;t<M[e].length;t++){var a=tinycolor(M[e][t]).toRgbString();R[a]=!0}}z.toggleClass("sp-flat",u),z.toggleClass("sp-input-disabled",!d.showInput),z.toggleClass("sp-alpha-enabled",d.showAlpha),z.toggleClass("sp-clear-enabled",fe),z.toggleClass("sp-buttons-disabled",!d.showButtons),z.toggleClass("sp-palette-buttons-disabled",!d.togglePaletteOnly),z.toggleClass("sp-palette-disabled",!d.showPalette),z.toggleClass("sp-palette-only",d.showPaletteOnly),z.toggleClass("sp-initial-disabled",!d.showInitial),z.addClass(d.className).addClass(d.containerClassName),je()}function he(){if(f&&window.localStorage){try{var e=window.localStorage[f].split(",#");1<e.length&&(delete window.localStorage[f],Ee.each(e,function(e,t){ge(t)}))}catch(e){}try{H=window.localStorage[f].split(";")}catch(e){}}}function ge(e){if(c){var t=tinycolor(e).toRgbString();if(!R[t]&&-1===Ee.inArray(t,H))for(H.push(t);H.length>j;)H.shift();if(f&&window.localStorage)try{window.localStorage[f]=H.join(";")}catch(e){}}}function be(){var a=Ae(),e=Ee.map(M,function(e,t){return Ke(e,a,"sp-palette-row sp-palette-row-"+t,d)});he(),H&&e.push(Ke(function(){var e=[];if(d.showPalette)for(var t=0;t<H.length;t++){var a=tinycolor(H[t]).toRgbString();R[a]||e.push(H[t])}return e.reverse().slice(0,d.maxSelectionSize)}(),a,"sp-palette-row sp-palette-row-selection",d)),Y.html(e.join(""))}function me(){if(d.showInitial){var e=le,t=Ae();Q.html(Ke([e,t],t,"sp-palette-row-initial",d))}}function ve(){(y<=0||v<=0||x<=0)&&je(),m=!0,z.addClass(O),q=null,I.trigger("dragstart.spectrum",[Ae()])}function ye(){m=!1,z.removeClass(O),I.trigger("dragstop.spectrum",[Ae()])}function we(){var e=X.val();if(null!==e&&""!==e||!fe){var t=tinycolor(e);t.isValid()?(Ce(t),He(!0)):X.addClass("sp-validation-error")}else Ce(null),He(!0)}function xe(){b?Te():ke()}function ke(){var e=Ee.Event("beforeShow.spectrum");b?je():(I.trigger(e,[Ae()]),!1===h.beforeShow(Ae())||e.isDefaultPrevented()||(!function(){for(var e=0;e<ze.length;e++)ze[e]&&ze[e].hide()}(),b=!0,Ee(E).bind("keydown.spectrum",_e),Ee(E).bind("click.spectrum",Se),Ee(window).bind("resize.spectrum",g),ne.addClass("sp-active"),z.removeClass("sp-hidden"),je(),Me(),le=Ae(),me(),h.show(le),I.trigger("show.spectrum",[le])))}function _e(e){27===e.keyCode&&Te()}function Se(e){2!=e.button&&(m||(de?He(!0):Fe(),Te()))}function Te(){b&&!u&&(b=!1,Ee(E).unbind("keydown.spectrum",_e),Ee(E).unbind("click.spectrum",Se),Ee(window).unbind("resize.spectrum",g),ne.removeClass("sp-active"),z.addClass("sp-hidden"),h.hide(Ae()),I.trigger("hide.spectrum",[Ae()]))}function Fe(){Ce(le,!0)}function Ce(e,t){var a,r;tinycolor.equals(e,Ae())?Me():(!e&&fe?ue=!0:(ue=!1,r=(a=tinycolor(e)).toHsv(),T=r.h%360/360,F=r.s,C=r.v,A=r.a),Me(),a&&a.isValid()&&!t&&(ce=d.preferredFormat||a.getFormat()))}function Ae(e){return e=e||{},fe&&ue?null:tinycolor.fromRatio({h:T,s:F,v:C,a:Math.round(100*A)/100},{format:e.format||ce})}function Pe(){Me(),h.move(Ae()),I.trigger("move.spectrum",[Ae()])}function Me(){X.removeClass("sp-validation-error"),Re();var e=tinycolor.fromRatio({h:T,s:1,v:1});L.css("background-color",e.toHexString());var t=ce;A<1&&(0!==A||"name"!==t)&&("hex"!==t&&"hex3"!==t&&"hex6"!==t&&"name"!==t||(t="rgb"));var a=Ae({format:t}),r="";if(oe.removeClass("sp-clear-display"),oe.css("background-color","transparent"),!a&&fe)oe.addClass("sp-clear-display");else{var n=a.toHexString(),i=a.toRgbString();if(Le||1===a.alpha?oe.css("background-color",i):(oe.css("background-color","transparent"),oe.css("filter",a.toFilter())),d.showAlpha){var o=a.toRgb();o.a=0;var s=tinycolor(o).toRgbString(),l="linear-gradient(left, "+s+", "+n+")";De?V.css("filter",tinycolor(s).toFilter({gradientType:1},n)):(V.css("background","-webkit-"+l),V.css("background","-moz-"+l),V.css("background","-ms-"+l),V.css("background","linear-gradient(to right, "+s+", "+n+")"))}r=a.toString(t)}d.showInput&&X.val(r),d.showPalette&&be(),me()}function Re(){var e=F,t=C;if(fe&&ue)U.hide(),K.hide(),B.hide();else{U.show(),K.show(),B.show();var a=e*v,r=y-t*y;a=Math.max(-w,Math.min(v-w,a-w)),r=Math.max(-w,Math.min(y-w,r-w)),B.css({top:r+"px",left:a+"px"});var n=A*k;U.css({left:n-_/2+"px"});var i=T*x;K.css({top:i-S+"px"})}}function He(e){var t=Ae(),a="",r=!tinycolor.equals(t,le);t&&(a=t.toString(ce),ge(t)),te&&I.val(a),e&&r&&(h.change(t),I.trigger("change",[t]))}function je(){var e,t,a,r,n,i,o,s,l,c;b&&(v=L.width(),y=L.height(),w=B.height(),$.width(),x=$.height(),S=K.height(),k=W.width(),_=U.width(),u||(z.css("position","absolute"),d.offset?z.offset(d.offset):z.offset((t=ie,a=(e=z).outerWidth(),r=e.outerHeight(),n=t.outerHeight(),i=e[0].ownerDocument,o=i.documentElement,s=o.clientWidth+Ee(i).scrollLeft(),l=o.clientHeight+Ee(i).scrollTop(),(c=t.offset()).top+=n,c.left-=Math.min(c.left,c.left+a>s&&a<s?Math.abs(c.left+a-s):0),c.top-=Math.min(c.top,c.top+r>l&&r<l?Math.abs(r+n-0):0),c))),Re(),d.showPalette&&be(),I.trigger("reflow.spectrum"))}function Oe(){Te(),N=!0,I.attr("disabled",!0),ie.addClass("sp-disabled")}!function(){if(De&&z.find("*:not(input)").attr("unselectable","on"),pe(),re&&I.after(ne).hide(),fe||J.hide(),u)I.after(z).hide();else{var e="parent"===d.appendTo?I.parent():Ee(d.appendTo);1!==e.length&&(e=Ee("body")),e.append(z)}function t(e){return e.data&&e.data.ignore?(Ce(Ee(e.target).closest(".sp-thumb-el").data("color")),Pe()):(Ce(Ee(e.target).closest(".sp-thumb-el").data("color")),Pe(),He(!0),d.hideAfterPaletteSelect&&Te()),!1}he(),ie.bind("click.spectrum touchstart.spectrum",function(e){N||xe(),e.stopPropagation(),Ee(e.target).is("input")||e.preventDefault()}),(I.is(":disabled")||!0===d.disabled)&&Oe(),z.click(Ve),X.change(we),X.bind("paste",function(){setTimeout(we,1)}),X.keydown(function(e){13==e.keyCode&&we()}),G.text(d.cancelText),G.bind("click.spectrum",function(e){e.stopPropagation(),e.preventDefault(),Fe(),Te()}),J.attr("title",d.clearText),J.bind("click.spectrum",function(e){e.stopPropagation(),e.preventDefault(),ue=!0,Pe(),u&&He(!0)}),Z.text(d.chooseText),Z.bind("click.spectrum",function(e){e.stopPropagation(),e.preventDefault(),De&&X.is(":focus")&&X.trigger("change"),X.hasClass("sp-validation-error")||(He(!0),Te())}),ee.text(d.showPaletteOnly?d.togglePaletteMoreText:d.togglePaletteLessText),ee.bind("click.spectrum",function(e){e.stopPropagation(),e.preventDefault(),d.showPaletteOnly=!d.showPaletteOnly,d.showPaletteOnly||u||z.css("left","-="+(D.outerWidth(!0)+5)),pe()}),Ue(W,function(e,t,a){A=e/k,ue=!1,a.shiftKey&&(A=Math.round(10*A)/10),Pe()},ve,ye),Ue($,function(e,t){T=parseFloat(t/x),ue=!1,d.showAlpha||(A=1),Pe()},ve,ye),Ue(L,function(e,t,a){if(a.shiftKey){if(!q){var r=F*v,n=y-C*y,i=Math.abs(e-r)>Math.abs(t-n);q=i?"x":"y"}}else q=null;var o=!q||"y"===q;(!q||"x"===q)&&(F=parseFloat(e/v)),o&&(C=parseFloat((y-t)/y)),ue=!1,d.showAlpha||(A=1),Pe()},ve,ye),se?(Ce(se),Me(),ce=d.preferredFormat||tinycolor(se).format,ge(se)):Me(),u&&ke();var a=De?"mousedown.spectrum":"click.spectrum touchstart.spectrum";Y.delegate(".sp-thumb-el",a,t),Q.delegate(".sp-thumb-el:nth-child(1)",a,{ignore:!0},t)}();var qe={show:ke,hide:Te,toggle:xe,reflow:je,option:function(e,t){return e===Ie?Ee.extend({},d):t===Ie?d[e]:(d[e]=t,"preferredFormat"===e&&(ce=d.preferredFormat),void pe())},enable:function(){N=!1,I.attr("disabled",!1),ie.removeClass("sp-disabled")},disable:Oe,offset:function(e){d.offset=e,je()},set:function(e){Ce(e),He()},get:Ae,destroy:function(){I.show(),ie.unbind("click.spectrum touchstart.spectrum"),z.remove(),ne.remove(),ze[qe.id]=null},container:z};return qe.id=ze.push(qe)-1,qe}function e(){}function Ve(e){e.stopPropagation()}function We(e,t){var a=Array.prototype.slice,r=a.call(arguments,2);return function(){return e.apply(t,r.concat(a.call(arguments)))}}function Ue(o,s,t,e){s=s||function(){},t=t||function(){},e=e||function(){};var l=document,c=!1,d={},u=0,f=0,p="ontouchstart"in window,a={};function h(e){e.stopPropagation&&e.stopPropagation(),e.preventDefault&&e.preventDefault(),e.returnValue=!1}function r(e){if(c){if(De&&l.documentMode<9&&!e.button)return g();var t=e.originalEvent&&e.originalEvent.touches&&e.originalEvent.touches[0],a=t&&t.pageX||e.pageX,r=t&&t.pageY||e.pageY,n=Math.max(0,Math.min(a-d.left,f)),i=Math.max(0,Math.min(r-d.top,u));p&&h(e),s.apply(o,[n,i,e])}}function g(){c&&(Ee(l).unbind(a),Ee(l.body).removeClass("sp-dragging"),setTimeout(function(){e.apply(o,arguments)},0)),c=!1}a.selectstart=h,a.dragstart=h,a["touchmove mousemove"]=r,a["touchend mouseup"]=g,Ee(o).bind("touchstart mousedown",function(e){(e.which?3==e.which:2==e.button)||c||!1!==t.apply(o,arguments)&&(c=!0,u=Ee(o).height(),f=Ee(o).width(),d=Ee(o).offset(),Ee(l).bind(a),Ee(l.body).addClass("sp-dragging"),r(e),h(e))})}function Xe(){return Ee.fn.spectrum.inputTypeColorSupport()}var i="spectrum.id";Ee.fn.spectrum=function(a,e){if("string"==typeof a){var r=this,n=Array.prototype.slice.call(arguments,1);return this.each(function(){var e=ze[Ee(this).data(i)];if(e){var t=e[a];if(!t)throw new Error("Spectrum: no such method: '"+a+"'");"get"==a?r=e.get():"container"==a?r=e.container:"option"==a?r=e.option.apply(e,n):"destroy"==a?(e.destroy(),Ee(this).removeData(i)):t.apply(e,n)}}),r}return this.spectrum("destroy").each(function(){var e=t(this,Ee.extend({},a,Ee(this).data()));Ee(this).data(i,e.id)})},Ee.fn.spectrum.load=!0,Ee.fn.spectrum.loadOpts={},Ee.fn.spectrum.draggable=Ue,Ee.fn.spectrum.defaults=Ne,Ee.fn.spectrum.inputTypeColorSupport=function e(){if(void 0===e._cachedResult){var t=Ee("<input type='color'/>")[0];e._cachedResult="color"===t.type&&""!==t.value}return e._cachedResult},Ee.spectrum={},Ee.spectrum.localization={},Ee.spectrum.palettes={},Ee.fn.spectrum.processNativeColorInputs=function(){var e=Ee("input[type=color]");e.length&&!Xe()&&e.spectrum({preferredFormat:"hex6"})},function(){var l=/^[\s,#]+/,c=/\s+$/,n=0,d=Math,i=d.round,u=d.min,f=d.max,e=d.random,p=function e(t,a){if(a=a||{},(t=t||"")instanceof e)return t;if(!(this instanceof e))return new e(t,a);var r=function(e){var t={r:0,g:0,b:0},a=1,r=!1,n=!1;"string"==typeof e&&(e=function(e){e=e.replace(l,"").replace(c,"").toLowerCase();var t,a=!1;if(F[e])e=F[e],a=!0;else if("transparent"==e)return{r:0,g:0,b:0,a:0,format:"name"};if(t=I.rgb.exec(e))return{r:t[1],g:t[2],b:t[3]};if(t=I.rgba.exec(e))return{r:t[1],g:t[2],b:t[3],a:t[4]};if(t=I.hsl.exec(e))return{h:t[1],s:t[2],l:t[3]};if(t=I.hsla.exec(e))return{h:t[1],s:t[2],l:t[3],a:t[4]};if(t=I.hsv.exec(e))return{h:t[1],s:t[2],v:t[3]};if(t=I.hsva.exec(e))return{h:t[1],s:t[2],v:t[3],a:t[4]};if(t=I.hex8.exec(e))return{a:(r=t[1],R(r)/255),r:R(t[2]),g:R(t[3]),b:R(t[4]),format:a?"name":"hex8"};var r;if(t=I.hex6.exec(e))return{r:R(t[1]),g:R(t[2]),b:R(t[3]),format:a?"name":"hex"};if(t=I.hex3.exec(e))return{r:R(t[1]+""+t[1]),g:R(t[2]+""+t[2]),b:R(t[3]+""+t[3]),format:a?"name":"hex"};return!1}(e));"object"==(void 0===e?"undefined":N(e))&&(e.hasOwnProperty("r")&&e.hasOwnProperty("g")&&e.hasOwnProperty("b")?(i=e.r,o=e.g,s=e.b,t={r:255*P(i,255),g:255*P(o,255),b:255*P(s,255)},r=!0,n="%"===String(e.r).substr(-1)?"prgb":"rgb"):e.hasOwnProperty("h")&&e.hasOwnProperty("s")&&e.hasOwnProperty("v")?(e.s=j(e.s),e.v=j(e.v),t=function(e,t,a){e=6*P(e,360),t=P(t,100),a=P(a,100);var r=d.floor(e),n=e-r,i=a*(1-t),o=a*(1-n*t),s=a*(1-(1-n)*t),l=r%6;return{r:255*[a,o,i,i,s,a][l],g:255*[s,a,a,o,i,i][l],b:255*[i,i,s,a,a,o][l]}}(e.h,e.s,e.v),r=!0,n="hsv"):e.hasOwnProperty("h")&&e.hasOwnProperty("s")&&e.hasOwnProperty("l")&&(e.s=j(e.s),e.l=j(e.l),t=function(e,t,a){var r,n,i;function o(e,t,a){return a<0&&(a+=1),1<a&&(a-=1),a<1/6?e+6*(t-e)*a:a<.5?t:a<2/3?e+(t-e)*(2/3-a)*6:e}if(e=P(e,360),t=P(t,100),a=P(a,100),0===t)r=n=i=a;else{var s=a<.5?a*(1+t):a+t-a*t,l=2*a-s;r=o(l,s,e+1/3),n=o(l,s,e),i=o(l,s,e-1/3)}return{r:255*r,g:255*n,b:255*i}}(e.h,e.s,e.l),r=!0,n="hsl"),e.hasOwnProperty("a")&&(a=e.a));var i,o,s;return a=A(a),{ok:r,format:e.format||n,r:u(255,f(t.r,0)),g:u(255,f(t.g,0)),b:u(255,f(t.b,0)),a:a}}(t);this._originalInput=t,this._r=r.r,this._g=r.g,this._b=r.b,this._a=r.a,this._roundA=i(100*this._a)/100,this._format=a.format||r.format,this._gradientType=a.gradientType,this._r<1&&(this._r=i(this._r)),this._g<1&&(this._g=i(this._g)),this._b<1&&(this._b=i(this._b)),this._ok=r.ok,this._tc_id=n++};function o(e,t,a){e=P(e,255),t=P(t,255),a=P(a,255);var r,n,i=f(e,t,a),o=u(e,t,a),s=(i+o)/2;if(i==o)r=n=0;else{var l=i-o;switch(n=.5<s?l/(2-i-o):l/(i+o),i){case e:r=(t-a)/l+(t<a?6:0);break;case t:r=(a-e)/l+2;break;case a:r=(e-t)/l+4}r/=6}return{h:r,s:n,l:s}}function s(e,t,a){e=P(e,255),t=P(t,255),a=P(a,255);var r,n,i=f(e,t,a),o=u(e,t,a),s=i,l=i-o;if(n=0===i?0:l/i,i==o)r=0;else{switch(i){case e:r=(t-a)/l+(t<a?6:0);break;case t:r=(a-e)/l+2;break;case a:r=(e-t)/l+4}r/=6}return{h:r,s:n,v:s}}function t(e,t,a,r){var n=[H(i(e).toString(16)),H(i(t).toString(16)),H(i(a).toString(16))];return r&&n[0].charAt(0)==n[0].charAt(1)&&n[1].charAt(0)==n[1].charAt(1)&&n[2].charAt(0)==n[2].charAt(1)?n[0].charAt(0)+n[1].charAt(0)+n[2].charAt(0):n.join("")}function h(e,t,a,r){var n;return[H((n=r,Math.round(255*parseFloat(n)).toString(16))),H(i(e).toString(16)),H(i(t).toString(16)),H(i(a).toString(16))].join("")}function a(e,t){t=0===t?0:t||10;var a=p(e).toHsl();return a.s-=t/100,a.s=M(a.s),p(a)}function r(e,t){t=0===t?0:t||10;var a=p(e).toHsl();return a.s+=t/100,a.s=M(a.s),p(a)}function g(e){return p(e).desaturate(100)}function b(e,t){t=0===t?0:t||10;var a=p(e).toHsl();return a.l+=t/100,a.l=M(a.l),p(a)}function m(e,t){t=0===t?0:t||10;var a=p(e).toRgb();return a.r=f(0,u(255,a.r-i(-t/100*255))),a.g=f(0,u(255,a.g-i(-t/100*255))),a.b=f(0,u(255,a.b-i(-t/100*255))),p(a)}function v(e,t){t=0===t?0:t||10;var a=p(e).toHsl();return a.l-=t/100,a.l=M(a.l),p(a)}function y(e,t){var a=p(e).toHsl(),r=(i(a.h)+t)%360;return a.h=r<0?360+r:r,p(a)}function w(e){var t=p(e).toHsl();return t.h=(t.h+180)%360,p(t)}function x(e){var t=p(e).toHsl(),a=t.h;return[p(e),p({h:(a+120)%360,s:t.s,l:t.l}),p({h:(a+240)%360,s:t.s,l:t.l})]}function k(e){var t=p(e).toHsl(),a=t.h;return[p(e),p({h:(a+90)%360,s:t.s,l:t.l}),p({h:(a+180)%360,s:t.s,l:t.l}),p({h:(a+270)%360,s:t.s,l:t.l})]}function _(e){var t=p(e).toHsl(),a=t.h;return[p(e),p({h:(a+72)%360,s:t.s,l:t.l}),p({h:(a+216)%360,s:t.s,l:t.l})]}function S(e,t,a){t=t||6,a=a||30;var r=p(e).toHsl(),n=360/a,i=[p(e)];for(r.h=(r.h-(n*t>>1)+720)%360;--t;)r.h=(r.h+n)%360,i.push(p(r));return i}function T(e,t){t=t||6;for(var a=p(e).toHsv(),r=a.h,n=a.s,i=a.v,o=[],s=1/t;t--;)o.push(p({h:r,s:n,v:i})),i=(i+s)%1;return o}p.prototype={isDark:function(){return this.getBrightness()<128},isLight:function(){return!this.isDark()},isValid:function(){return this._ok},getOriginalInput:function(){return this._originalInput},getFormat:function(){return this._format},getAlpha:function(){return this._a},getBrightness:function(){var e=this.toRgb();return(299*e.r+587*e.g+114*e.b)/1e3},setAlpha:function(e){return this._a=A(e),this._roundA=i(100*this._a)/100,this},toHsv:function(){var e=s(this._r,this._g,this._b);return{h:360*e.h,s:e.s,v:e.v,a:this._a}},toHsvString:function(){var e=s(this._r,this._g,this._b),t=i(360*e.h),a=i(100*e.s),r=i(100*e.v);return 1==this._a?"hsv("+t+", "+a+"%, "+r+"%)":"hsva("+t+", "+a+"%, "+r+"%, "+this._roundA+")"},toHsl:function(){var e=o(this._r,this._g,this._b);return{h:360*e.h,s:e.s,l:e.l,a:this._a}},toHslString:function(){var e=o(this._r,this._g,this._b),t=i(360*e.h),a=i(100*e.s),r=i(100*e.l);return 1==this._a?"hsl("+t+", "+a+"%, "+r+"%)":"hsla("+t+", "+a+"%, "+r+"%, "+this._roundA+")"},toHex:function(e){return t(this._r,this._g,this._b,e)},toHexString:function(e){return"#"+this.toHex(e)},toHex8:function(){return h(this._r,this._g,this._b,this._a)},toHex8String:function(){return"#"+this.toHex8()},toRgb:function(){return{r:i(this._r),g:i(this._g),b:i(this._b),a:this._a}},toRgbString:function(){return 1==this._a?"rgb("+i(this._r)+", "+i(this._g)+", "+i(this._b)+")":"rgba("+i(this._r)+", "+i(this._g)+", "+i(this._b)+", "+this._roundA+")"},toPercentageRgb:function(){return{r:i(100*P(this._r,255))+"%",g:i(100*P(this._g,255))+"%",b:i(100*P(this._b,255))+"%",a:this._a}},toPercentageRgbString:function(){return 1==this._a?"rgb("+i(100*P(this._r,255))+"%, "+i(100*P(this._g,255))+"%, "+i(100*P(this._b,255))+"%)":"rgba("+i(100*P(this._r,255))+"%, "+i(100*P(this._g,255))+"%, "+i(100*P(this._b,255))+"%, "+this._roundA+")"},toName:function(){return 0===this._a?"transparent":!(this._a<1)&&(C[t(this._r,this._g,this._b,!0)]||!1)},toFilter:function(e){var t="#"+h(this._r,this._g,this._b,this._a),a=t,r=this._gradientType?"GradientType = 1, ":"";e&&(a=p(e).toHex8String());return"progid:DXImageTransform.Microsoft.gradient("+r+"startColorstr="+t+",endColorstr="+a+")"},toString:function(e){var t=!!e;e=e||this._format;var a=!1,r=this._a<1&&0<=this._a;return t||!r||"hex"!==e&&"hex6"!==e&&"hex3"!==e&&"name"!==e?("rgb"===e&&(a=this.toRgbString()),"prgb"===e&&(a=this.toPercentageRgbString()),"hex"!==e&&"hex6"!==e||(a=this.toHexString()),"hex3"===e&&(a=this.toHexString(!0)),"hex8"===e&&(a=this.toHex8String()),"name"===e&&(a=this.toName()),"hsl"===e&&(a=this.toHslString()),"hsv"===e&&(a=this.toHsvString()),a||this.toHexString()):"name"===e&&0===this._a?this.toName():this.toRgbString()},_applyModification:function(e,t){var a=e.apply(null,[this].concat([].slice.call(t)));return this._r=a._r,this._g=a._g,this._b=a._b,this.setAlpha(a._a),this},lighten:function(){return this._applyModification(b,arguments)},brighten:function(){return this._applyModification(m,arguments)},darken:function(){return this._applyModification(v,arguments)},desaturate:function(){return this._applyModification(a,arguments)},saturate:function(){return this._applyModification(r,arguments)},greyscale:function(){return this._applyModification(g,arguments)},spin:function(){return this._applyModification(y,arguments)},_applyCombination:function(e,t){return e.apply(null,[this].concat([].slice.call(t)))},analogous:function(){return this._applyCombination(S,arguments)},complement:function(){return this._applyCombination(w,arguments)},monochromatic:function(){return this._applyCombination(T,arguments)},splitcomplement:function(){return this._applyCombination(_,arguments)},triad:function(){return this._applyCombination(x,arguments)},tetrad:function(){return this._applyCombination(k,arguments)}},p.fromRatio=function(e,t){if("object"==(void 0===e?"undefined":N(e))){var a={};for(var r in e)e.hasOwnProperty(r)&&(a[r]="a"===r?e[r]:j(e[r]));e=a}return p(e,t)},p.equals=function(e,t){return!(!e||!t)&&p(e).toRgbString()==p(t).toRgbString()},p.random=function(){return p.fromRatio({r:e(),g:e(),b:e()})},p.mix=function(e,t,a){a=0===a?0:a||50;var r,n=p(e).toRgb(),i=p(t).toRgb(),o=a/100,s=2*o-1,l=i.a-n.a,c=1-(r=((r=s*l==-1?s:(s+l)/(1+s*l))+1)/2),d={r:i.r*r+n.r*c,g:i.g*r+n.g*c,b:i.b*r+n.b*c,a:i.a*o+n.a*(1-o)};return p(d)},p.readability=function(e,t){var a=p(e),r=p(t),n=a.toRgb(),i=r.toRgb(),o=a.getBrightness(),s=r.getBrightness(),l=Math.max(n.r,i.r)-Math.min(n.r,i.r)+Math.max(n.g,i.g)-Math.min(n.g,i.g)+Math.max(n.b,i.b)-Math.min(n.b,i.b);return{brightness:Math.abs(o-s),color:l}},p.isReadable=function(e,t){var a=p.readability(e,t);return 125<a.brightness&&500<a.color},p.mostReadable=function(e,t){for(var a=null,r=0,n=!1,i=0;i<t.length;i++){var o=p.readability(e,t[i]),s=125<o.brightness&&500<o.color,l=o.brightness/125*3+o.color/500;(s&&!n||s&&n&&r<l||!s&&!n&&r<l)&&(n=s,r=l,a=p(t[i]))}return a};var F=p.names={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"0ff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"00f",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",burntsienna:"ea7e5d",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"0ff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"f0f",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"663399",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"},C=p.hexNames=function(e){var t={};for(var a in e)e.hasOwnProperty(a)&&(t[e[a]]=a);return t}(F);function A(e){return e=parseFloat(e),(isNaN(e)||e<0||1<e)&&(e=1),e}function P(e,t){var a;"string"==typeof(a=e)&&-1!=a.indexOf(".")&&1===parseFloat(a)&&(e="100%");var r,n="string"==typeof(r=e)&&-1!=r.indexOf("%");return e=u(t,f(0,parseFloat(e))),n&&(e=parseInt(e*t,10)/100),d.abs(e-t)<1e-6?1:e%t/parseFloat(t)}function M(e){return u(1,f(0,e))}function R(e){return parseInt(e,16)}function H(e){return 1==e.length?"0"+e:""+e}function j(e){return e<=1&&(e=100*e+"%"),e}var O,q,E,I=(q="[\\s|\\(]+("+(O="(?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?)")+")[,|\\s]+("+O+")[,|\\s]+("+O+")\\s*\\)?",E="[\\s|\\(]+("+O+")[,|\\s]+("+O+")[,|\\s]+("+O+")[,|\\s]+("+O+")\\s*\\)?",{rgb:new RegExp("rgb"+q),rgba:new RegExp("rgba"+E),hsl:new RegExp("hsl"+q),hsla:new RegExp("hsla"+E),hsv:new RegExp("hsv"+q),hsva:new RegExp("hsva"+E),hex3:/^([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex6:/^([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,hex8:/^([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/});window.tinycolor=p}(),Ee(function(){Ee.fn.spectrum.load&&Ee.fn.spectrum.processNativeColorInputs()})},"function"==typeof define&&define.amd?define(["jquery"],e):"object"==("undefined"==typeof exports?"undefined":N(exports))&&"object"==("undefined"==typeof module?"undefined":N(module))?module.exports=e(require("jquery")):e(jQuery);var t=document.querySelector("[data-js-tabstats]");if(t){var a=t.querySelector("[data-js-header]"),n=Array.from(a.querySelectorAll("[data-js]")),i=Array.from(t.querySelectorAll("[data-js-body]"));a.addEventListener("click",function(e){var a=e.target;if(a.hasAttribute("data-js")&&!a.hasAttribute("data-active")){var r=void 0;n.forEach(function(e,t){e===a?(r=t,e.setAttribute("data-active","")):e.removeAttribute("data-active")}),i.forEach(function(e,t){t===r?e.setAttribute("data-active",""):e.removeAttribute("data-active")})}})}var h={html:'<div class="realTimeFeedback realTimeFeedback-poll realTimeFeedback-animation-${animation} realTimeFeedback-position-${position}">\n            <div class="realTimeFeedback-poll-body">\n                <div class="realTimeFeedback-poll-step1">\n                    <div class="realTimeFeedback-poll-title">${title}</div>\n                    <textarea class="realTimeFeedback-poll-textarea" rows="5" placeholder="Type here your message..."></textarea>\n                    <input type="email" class="realTimeFeedback-poll-input" placeholder="Enter email for a response (optional)" />\n                    <div class="realTimeFeedback-button realTimeFeedback-poll-button">${actionText}</div>\n                </div>\n                <div class="realTimeFeedback-poll-step2" data-realTimeFeedback-action="next">\n                    <div class="realTimeFeedback-poll-title">${thanks}</div>\n                    <div class="realTimeFeedback-button realTimeFeedback-poll-button-close">${thanksButton}</div>\n                </div>\n            </div>\n            <div class="realTimeFeedback-poll-close" data-realTimeFeedback-action="close">\n                <svg height="11" width="11" xmlns="http://www.w3.org/2000/svg">\n                    <line x1="0" y1="11" x2="11" y2="0" stroke-width="2"/>\n                    <line x1="0" y1="0" x2="11" y2="11" stroke-width="2"/>\n                </svg>\n            </div>\n        </div>',css:{".realTimeFeedback-poll":{"border-radius":"4px 5px 0 0","z-index":2147483647,background:"rgb(60, 60, 60)",position:"fixed","max-width":"350px",width:"100%","box-shadow":"0 0 14px 3px rgba(0, 0, 0, 0.38)","font-family":"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif","font-weight":400,"line-height":1.4,color:"rgb(255, 255, 255)"},".realTimeFeedback-poll-body":{margin:"18px 13px 18px 13px"},".realTimeFeedback-poll-step1":{display:"flex","flex-direction":"column"},".realTimeFeedback-poll-title":{"max-width":"100%","text-align":"center",margin:"0 0 12px",padding:"0 20px","font-size":"15px","align-self":"center"},".realTimeFeedback-poll textarea.realTimeFeedback-poll-textarea":{color:"#585858",background:"#fff","font-family":"inherit","font-size":"13px","line-height":"inherit","font-weight":"inherit",padding:"9px 10px",resize:"none",width:"100%",border:"1px solid #3c3c3c","border-radius":"4px"},".realTimeFeedback-poll input.realTimeFeedback-poll-input":{color:"#585858",background:"#fff",width:"100%",padding:"0 10px",margin:"5px 0 0 0",border:"1px solid #3c3c3c","font-family":"inherit","font-size":"13px","line-height":"inherit","font-weight":"inherit",height:"36px","border-radius":"4px"},".realTimeFeedback-poll-button":{"-webkit-user-select":"none","-moz-user-select":"none","-ms-user-select":"none","user-select":"none","text-align":"center",cursor:"default",color:"rgba(255, 255, 255, 0.25)",padding:"10px 18px",background:"#545454","border-radius":"4px","font-size":"13px",margin:"18px 1px 0 0",transition:"background .3s, color .3s","align-self":"flex-end"},".realTimeFeedback-poll-button--active":{cursor:"pointer",color:"#fff",background:"#2b882b"},".realTimeFeedback-poll-step2":{display:"none","flex-direction":"column","align-items":"center","justify-content":"center",padding:"12px 0 6px"},".realTimeFeedback-poll-button-close":{cursor:"pointer",padding:"10px 18px",background:"#616161",color:"#fff","border-radius":"4px","font-size":"13px",margin:"5px 0 0 0"},".realTimeFeedback-poll-button-close:hover":{opacity:.9},".realTimeFeedback-poll-button--active:hover":{opacity:.9},".realTimeFeedback-poll-close":{display:"flex",position:"absolute",right:"8px",top:"8px",padding:"5px",cursor:"pointer",stroke:"#888"},".realTimeFeedback-poll-close:hover":{stroke:"#ccc"}},data:{position:"bottom-left",animation:"slideUp",title:"Would love to hear your feedback!",actionText:"Send Message",thanks:"Thank you for answering this poll. Your feedback is appreciated!",thanksButton:"Close"},name:"poll"};function g(){var e=document.querySelector("[data-js-realTimeFeedback-style-poll]");e||((e=document.createElement("style")).type="text/css",e.setAttribute("data-js-realTimeFeedback-style-poll",""),document.head.appendChild(e));var a="";Object.keys(h.css).forEach(function(t){a+=t+" {",Object.keys(h.css[t]).forEach(function(e){a+=e+": "+h.css[t][e]+";"}),a+="}"}),e.innerHTML=a}function b(){for(var e=h.html,t=h.data,a=/\${(.*?)}/g,r=void 0;r=a.exec(e);)e=e.replace(r[0],t[r[1]]);document.querySelector("[data-js-realTimeFeedback-preview]").innerHTML=e}function m(e,t){h.data[e]=t.value,b(),v()}function v(){document.querySelector("[data-js-saveButton]").removeAttribute("disabled")}document.querySelector("[data-js-realTimeFeedback-preview]")&&(requestIdleCallback(function(){var a=null,e=function(e){var t=e.getAttribute("data-js-realTimeFeedback-option");h.data[t]=e.value,"SELECT"===e.nodeName?e.addEventListener("change",m.bind(null,t,e)):e.addEventListener("keyup",function(){clearTimeout(a),a=setTimeout(m.bind(null,t,e),400)})},t=!0,r=!1,n=void 0;try{for(var i,o=document.querySelectorAll("[data-js-realTimeFeedback-option]")[Symbol.iterator]();!(t=(i=o.next()).done);t=!0){e(f=i.value)}}catch(e){r=!0,n=e}finally{try{!t&&o.return&&o.return()}finally{if(r)throw n}}var s=!0,l=!1,c=void 0;try{for(var d,u=document.querySelectorAll("[data-js-realTimeFeedback-spectrum]")[Symbol.iterator]();!(s=(d=u.next()).done);s=!0){var f=d.value;h.css[".realTimeFeedback-poll"][f.getAttribute("data-js-realTimeFeedback-spectrum")]=f.value}}catch(e){l=!0,c=e}finally{try{!s&&u.return&&u.return()}finally{if(l)throw c}}var p=document.querySelector("[data-js-realTimeFeedback-font]");h.css[".realTimeFeedback-poll"]["font-family"]=p.value,p.addEventListener("keyup",function(){h.css[".realTimeFeedback-poll"]["font-family"]=p.value,g(),v()}),g(),b()},{timeout:1e3}),jQuery("[data-js-realTimeFeedback-spectrum]").spectrum({showInput:!0,showAlpha:!0,showPalette:!0,maxSelectionSize:5,showInitial:!0,showButtons:!1,preferredFormat:"rgb",palette:[["#fff","#ccc","#333"],["#e4423c","#90c54d","#7044bf"],["#247dd6","#f7d913","#5ed0da"]],move:function(e){var t=e.toRgbString();h.css[".realTimeFeedback-poll"][this.getAttribute("data-js-realTimeFeedback-spectrum")]=t,this.value=t,g(),v()}}))}();
  • usability-feedback/tags/1.0.0/admin/views/home_page.php

    r1912544 r1915924  
    88<div class="usbfdbadmin">
    99    <h1 class="wp-heading-inline">
    10         <span>Usability Feedback</span>
    11         <a class="usbfdbadmin-link" href="<?php menu_page_url('usabilityFeedback')?>&poll-options">Edit Poll Settings</a>
     10        <span>Real-Time Feedback</span>
     11        <a class="usbfdbadmin-link" href="<?php menu_page_url('realTimeFeedback')?>&poll-options">Edit Poll Settings</a>
    1212    </h1>
    1313
     
    102102                            </td>
    103103                            <td>
    104                                 <a href="<?php menu_page_url('usabilityFeedback')?>&id=<?php echo $value->id; ?>" class="usbfdbadmin-button">VIEW REPORT</a>
     104                                <a href="<?php menu_page_url('realTimeFeedback')?>&id=<?php echo $value->id; ?>" class="usbfdbadmin-button">VIEW REPORT</a>
    105105                            </td>
    106106                        </tr>
     
    112112    <?php
    113113        } else {
    114             echo '<p>Usability Feedback is now collecting data from your website. <br>';
    115             echo 'Here you\'ll see what usability bottlenecks you have in your funnel. </p>';
     114            echo '<p>Real-Time Feedback is now collecting data from your website. <br>';
     115            echo 'Here you\'ll see what issues you have in your funnel. </p>';
    116116        }
    117117    ?>
  • usability-feedback/tags/1.0.0/admin/views/poll-options.php

    r1912544 r1915924  
    1010
    1111    <div class="usbfdbadmin-preview-container">
    12         <form action="<?php menu_page_url('usabilityFeedback')?>&poll-options" method="post" accept-charset="utf-8" class="usbfdbadmin-form">
     12        <form action="<?php menu_page_url('realTimeFeedback')?>&poll-options" method="post" accept-charset="utf-8" class="usbfdbadmin-form">
    1313            <p>
    1414                Interact with your users by showing a poll.
     
    1616            <div class="usbfdbadmin-form-section">
    1717                <label for="position">Position</label>
    18                 <select id="position" class="usbfdbadmin-form-select" name="position" data-js-usabilityFeedback-option="position">
     18                <select id="position" class="usbfdbadmin-form-select" name="position" data-js-realTimeFeedback-option="position">
    1919                    <option value="bottom-left" <?php if ($options->position === 'bottom-left') { echo 'selected'; } ?>>Bottom Left</option>
    2020                    <option value="bottom-right" <?php if ($options->position === 'bottom-right') { echo 'selected'; } ?>>Bottom Right</option>
     
    2323            <div class="usbfdbadmin-form-section">
    2424                <label for="animation">Animation</label>
    25                 <select id="animation" class="usbfdbadmin-form-select" name="animation" data-js-usabilityFeedback-option="animation">
     25                <select id="animation" class="usbfdbadmin-form-select" name="animation" data-js-realTimeFeedback-option="animation">
    2626                    <option value="slideUp" <?php if ($options->animation === 'slideUp') { echo 'selected'; } ?>>Slide Up</option>
    2727                    <option value="fadeIn" <?php if ($options->animation === 'fadeIn') { echo 'selected'; } ?>>Fade In</option>
     
    3030            <div class="usbfdbadmin-form-section">
    3131                <label for="title">Title</label>
    32                 <input type="text" id="title" name="title" value="<?php echo $options->title; ?>" class="usbfdbadmin-form-input" data-js-usabilityFeedback-option="title">
     32                <input type="text" id="title" name="title" value="<?php echo $options->title; ?>" class="usbfdbadmin-form-input" data-js-realTimeFeedback-option="title">
    3333            </div>
    3434            <div class="usbfdbadmin-form-section">
    3535                <label for="actionText">Action Text</label>
    36                 <input type="text" id="actionText" name="actionText" value="<?php echo $options->actionText; ?>" class="usbfdbadmin-form-input" data-js-usabilityFeedback-option="actionText">
     36                <input type="text" id="actionText" name="actionText" value="<?php echo $options->actionText; ?>" class="usbfdbadmin-form-input" data-js-realTimeFeedback-option="actionText">
    3737            </div>
    3838            <div class="usbfdbadmin-form-section">
    3939                <label for="thanks">Thank you Message</label>
    40                 <input type="text" id="thanks" name="thanks" value="<?php echo $options->thanks; ?>" class="usbfdbadmin-form-input" data-js-usabilityFeedback-option="thanks">
     40                <input type="text" id="thanks" name="thanks" value="<?php echo $options->thanks; ?>" class="usbfdbadmin-form-input" data-js-realTimeFeedback-option="thanks">
    4141            </div>
    4242            <div class="usbfdbadmin-form-section">
    4343                <label for="thanksButton">Thank you Button</label>
    44                 <input type="text" id="thanksButton" name="thanksButton" value="<?php echo $options->thanksButton; ?>" class="usbfdbadmin-form-input" data-js-usabilityFeedback-option="thanksButton">
     44                <input type="text" id="thanksButton" name="thanksButton" value="<?php echo $options->thanksButton; ?>" class="usbfdbadmin-form-input" data-js-realTimeFeedback-option="thanksButton">
    4545            </div>
    4646            <div class="usbfdbadmin-form-section">
    4747                <label for="font">Font Family</label>
    48                 <input type="text" id="font" name="font" value="<?php echo $options->font; ?>" class="usbfdbadmin-form-input" data-js-usabilityFeedback-font>
     48                <input type="text" id="font" name="font" value="<?php echo $options->font; ?>" class="usbfdbadmin-form-input" data-js-realTimeFeedback-font>
    4949            </div>
    5050            <div class="usbfdbadmin-form-section">
    5151                <label for="background">Background Color</label>
    52                     <input type="text" id="background" name="background" value="<?php echo $options->background; ?>" data-js-usabilityFeedback-spectrum="background">
     52                    <input type="text" id="background" name="background" value="<?php echo $options->background; ?>" data-js-realTimeFeedback-spectrum="background">
    5353            </div>
    5454            <div class="usbfdbadmin-form-section">
    5555                <label for="color">Text Color</label>
    56                     <input type="text" id="color" name="color" value="<?php echo $options->color; ?>" data-js-usabilityFeedback-spectrum="color">
     56                    <input type="text" id="color" name="color" value="<?php echo $options->color; ?>" data-js-realTimeFeedback-spectrum="color">
    5757            </div>
    5858
     
    6464        <div class="usbfdbadmin-preview">
    6565            <h2>Preview</h2>
    66             <div class="usbfdbadmin-preview-wrap" data-js-usabilityFeedback-preview></div>
     66            <div class="usbfdbadmin-preview-wrap" data-js-realTimeFeedback-preview></div>
    6767        </div>
    6868    </div>
  • usability-feedback/tags/1.0.0/public/js/main.js

    r1912544 r1915924  
    1 var _usabilityFeedback = (function () {
     1var _realTimeFeedback = (function () {
    22    'use strict';
    33
    4     var startUsabilityFeedbackEnabled = true;
    5 
    6     function disableUsabilityFeedback() {
    7         startUsabilityFeedbackEnabled = false;
     4    var startRealTimeFeedbackEnabled = true;
     5
     6    function disableRealTimeFeedback() {
     7        startRealTimeFeedbackEnabled = false;
    88    }
    99
     
    397397    }();
    398398
    399     if (Object.prototype.toString.call(window._usabilityFeedback) === '[object Object]') {
    400         throw new Error('--> usabilityFeedback script is already included on this page.');
     399    if (Object.prototype.toString.call(window._realTimeFeedback) === '[object Object]') {
     400        throw new Error('--> realTimeFeedback script is already included on this page.');
    401401    }
    402402
     
    406406        var storage = window.localStorage;
    407407
    408         if (!storage.getItem('usabilityFeedback')) {
    409             var x = '_usabilityFeedback_test_';
     408        if (!storage.getItem('realTimeFeedback')) {
     409            var x = '_realTimeFeedback_test_';
    410410            storage.setItem(x, x);
    411411            storage.removeItem(x);
    412412        }
    413413    } catch (err) {
    414         disableUsabilityFeedback();
     414        disableRealTimeFeedback();
    415415    }
    416416
     
    421421      */
    422422    if (!window.requestAnimationFrame) {
    423         disableUsabilityFeedback();
     423        disableRealTimeFeedback();
    424424    }
    425425
     
    752752        var cssElement = document.createElement('style');
    753753        cssElement.type = 'text/css';
    754         cssElement.id = 'usabilityFeedback-custom-css';
    755         cssElement.innerHTML = '.usabilityFeedback,.usabilityFeedback *{box-sizing:border-box}.usabilityFeedback :focus{outline:none}.usabilityFeedback{will-change:transform, opacity}.usabilityFeedback-position-bottom{bottom:0}.usabilityFeedback-position-top{top:0}.usabilityFeedback-position-bottom-left{bottom:0;left:175px}.usabilityFeedback-position-bottom-right{bottom:0;right:175px}@media screen and (max-width: 700px){.usabilityFeedback-position-bottom-right{right:calc(50% - 175px)}.usabilityFeedback-position-bottom-left{left:calc(50% - 175px)}}@media screen and (max-width: 350px){.usabilityFeedback-position-bottom-right{right:0}.usabilityFeedback-position-bottom-left{left:0}}.usabilityFeedback-animation-fadeIn{-webkit-animation:usabilityFeedback-keyframes-fadeIn .7s ease-in-out both;animation:usabilityFeedback-keyframes-fadeIn .7s ease-in-out both}@-webkit-keyframes usabilityFeedback-keyframes-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes usabilityFeedback-keyframes-fadeIn{0%{opacity:0}100%{opacity:1}}.usabilityFeedback-animation-slideUp{-webkit-animation:usabilityFeedback-keyframes-slideUp .7s ease-in-out both;animation:usabilityFeedback-keyframes-slideUp .7s ease-in-out both}@-webkit-keyframes usabilityFeedback-keyframes-slideUp{0%{-webkit-transform:translateY(150%)}100%{-webkit-transform:translateY(0)}}@keyframes usabilityFeedback-keyframes-slideUp{0%{transform:translateY(150%)}100%{transform:translateY(0)}}';
     754        cssElement.id = 'realTimeFeedback-custom-css';
     755        cssElement.innerHTML = '.realTimeFeedback,.realTimeFeedback *{box-sizing:border-box}.realTimeFeedback :focus{outline:none}.realTimeFeedback{will-change:transform, opacity}.realTimeFeedback-position-bottom{bottom:0}.realTimeFeedback-position-top{top:0}.realTimeFeedback-position-bottom-left{bottom:0;left:175px}.realTimeFeedback-position-bottom-right{bottom:0;right:175px}@media screen and (max-width: 700px){.realTimeFeedback-position-bottom-right{right:calc(50% - 175px)}.realTimeFeedback-position-bottom-left{left:calc(50% - 175px)}}@media screen and (max-width: 350px){.realTimeFeedback-position-bottom-right{right:0}.realTimeFeedback-position-bottom-left{left:0}}.realTimeFeedback-animation-fadeIn{-webkit-animation:realTimeFeedback-keyframes-fadeIn .7s ease-in-out both;animation:realTimeFeedback-keyframes-fadeIn .7s ease-in-out both}@-webkit-keyframes realTimeFeedback-keyframes-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes realTimeFeedback-keyframes-fadeIn{0%{opacity:0}100%{opacity:1}}.realTimeFeedback-animation-slideUp{-webkit-animation:realTimeFeedback-keyframes-slideUp .7s ease-in-out both;animation:realTimeFeedback-keyframes-slideUp .7s ease-in-out both}@-webkit-keyframes realTimeFeedback-keyframes-slideUp{0%{-webkit-transform:translateY(150%)}100%{-webkit-transform:translateY(0)}}@keyframes realTimeFeedback-keyframes-slideUp{0%{transform:translateY(150%)}100%{transform:translateY(0)}}';
    756756        document.head.appendChild(cssElement);
    757757    });
     
    798798
    799799    function currentTab() {
    800         if (localStorage.getItem('usabilityFeedbackTab') !== tabToken) {
     800        if (localStorage.getItem('realTimeFeedbackTab') !== tabToken) {
    801801            triggerEvent('pauseWidget');
    802802            return false;
     
    813813        }
    814814
    815         localStorage.setItem('usabilityFeedback', JSON.stringify(storage$1));
     815        localStorage.setItem('realTimeFeedback', JSON.stringify(storage$1));
    816816    }
    817817
    818818    function storageReady() {
    819         if (!localStorage.getItem('usabilityFeedback')) {
     819        if (!localStorage.getItem('realTimeFeedback')) {
    820820            storage$1 = {
    821821                version: 1,
     
    824824            };
    825825
    826             localStorage.setItem('usabilityFeedback', JSON.stringify(storage$1));
     826            localStorage.setItem('realTimeFeedback', JSON.stringify(storage$1));
    827827        } else {
    828             storage$1 = JSON.parse(localStorage.getItem('usabilityFeedback'));
     828            storage$1 = JSON.parse(localStorage.getItem('realTimeFeedback'));
    829829
    830830            var storageVersion = parseInt(storage$1.version, 10);
     
    837837
    838838        // after the widget is stopped I set the new token on this tab
    839         localStorage.setItem('usabilityFeedbackTab', tabToken);
     839        localStorage.setItem('realTimeFeedbackTab', tabToken);
    840840    }
    841841
     
    886886        jQuery.post(window.ajaxurl, {
    887887            action: 'savePoll',
    888             nonce: window._usabilityFeedbackAjax,
     888            nonce: window._realTimeFeedbackAjax,
    889889            data: logs
    890890        });
     
    944944            }, { timeout: 2000 });
    945945
    946             var actions = poll.querySelectorAll('[data-usabilityFeedback-action]');
     946            var actions = poll.querySelectorAll('[data-realTimeFeedback-action]');
    947947            addEvent('click', actions, closepoll);
    948948
    949             var textarea = poll.querySelector('.usabilityFeedback-poll-textarea');
     949            var textarea = poll.querySelector('.realTimeFeedback-poll-textarea');
    950950            textarea.addEventListener('keyup', textareaChange, false);
    951951
    952             var sendButton = poll.querySelector('.usabilityFeedback-poll-button');
     952            var sendButton = poll.querySelector('.realTimeFeedback-poll-button');
    953953
    954954            sendButton.addEventListener('click', saveMessage, false);
     
    962962                textarea.removeEventListener('keyup', textareaChange);
    963963
    964                 var action = currentTarget.getAttribute('data-usabilityFeedback-action');
     964                var action = currentTarget.getAttribute('data-realTimeFeedback-action');
    965965
    966966                node.done = 1;
    967967                node.data.action = action;
    968968                node.data.msg = textarea.value;
    969                 node.data.email = poll.querySelector('.usabilityFeedback-poll-input').value;
     969                node.data.email = poll.querySelector('.realTimeFeedback-poll-input').value;
    970970                storageData.page = getPage();
    971971
     
    985985            function textareaChange() {
    986986                if (textarea.value.length > 2) {
    987                     sendButton.classList.add('usabilityFeedback-poll-button--active');
     987                    sendButton.classList.add('realTimeFeedback-poll-button--active');
    988988                } else {
    989                     sendButton.classList.remove('usabilityFeedback-poll-button--active');
    990                 }
    991             }
    992 
    993             var step2 = poll.querySelector('.usabilityFeedback-poll-step2');
     989                    sendButton.classList.remove('realTimeFeedback-poll-button--active');
     990                }
     991            }
     992
     993            var step2 = poll.querySelector('.realTimeFeedback-poll-step2');
    994994
    995995            function saveMessage() {
    996                 if (!sendButton.classList.contains('usabilityFeedback-poll-button--active')) {
     996                if (!sendButton.classList.contains('realTimeFeedback-poll-button--active')) {
    997997                    return;
    998998                }
     
    10001000                sendButton.removeEventListener('click', saveMessage);
    10011001
    1002                 poll.querySelector('.usabilityFeedback-poll-step1').style.display = 'none';
    1003                 poll.querySelector('.usabilityFeedback-poll-close').style.display = 'none';
     1002                poll.querySelector('.realTimeFeedback-poll-step1').style.display = 'none';
     1003                poll.querySelector('.realTimeFeedback-poll-close').style.display = 'none';
    10041004                step2.style.display = 'flex';
    10051005
    10061006                step2.click();
    10071007
    1008                 step2.querySelector('.usabilityFeedback-poll-button-close').addEventListener('click', function () {
     1008                step2.querySelector('.realTimeFeedback-poll-button-close').addEventListener('click', function () {
    10091009                    return removePoll();
    10101010                }, false);
     
    13361336
    13371337    var pollData = {
    1338         html: '<div class="usabilityFeedback usabilityFeedback-poll usabilityFeedback-animation-${animation} usabilityFeedback-position-${position}">\n            <div class="usabilityFeedback-poll-body">\n                <div class="usabilityFeedback-poll-step1">\n                    <div class="usabilityFeedback-poll-title">${title}</div>\n                    <textarea class="usabilityFeedback-poll-textarea" rows="5" placeholder="Type here your message..."></textarea>\n                    <input type="email" class="usabilityFeedback-poll-input" placeholder="Enter email for a response (optional)" />\n                    <div class="usabilityFeedback-button usabilityFeedback-poll-button">${actionText}</div>\n                </div>\n                <div class="usabilityFeedback-poll-step2" data-usabilityFeedback-action="next">\n                    <div class="usabilityFeedback-poll-title">${thanks}</div>\n                    <div class="usabilityFeedback-button usabilityFeedback-poll-button-close">${thanksButton}</div>\n                </div>\n            </div>\n            <div class="usabilityFeedback-poll-close" data-usabilityFeedback-action="close">\n                <svg height="11" width="11" xmlns="http://www.w3.org/2000/svg">\n                    <line x1="0" y1="11" x2="11" y2="0" stroke-width="2"/>\n                    <line x1="0" y1="0" x2="11" y2="11" stroke-width="2"/>\n                </svg>\n            </div>\n        </div>',
     1338        html: '<div class="realTimeFeedback realTimeFeedback-poll realTimeFeedback-animation-${animation} realTimeFeedback-position-${position}">\n            <div class="realTimeFeedback-poll-body">\n                <div class="realTimeFeedback-poll-step1">\n                    <div class="realTimeFeedback-poll-title">${title}</div>\n                    <textarea class="realTimeFeedback-poll-textarea" rows="5" placeholder="Type here your message..."></textarea>\n                    <input type="email" class="realTimeFeedback-poll-input" placeholder="Enter email for a response (optional)" />\n                    <div class="realTimeFeedback-button realTimeFeedback-poll-button">${actionText}</div>\n                </div>\n                <div class="realTimeFeedback-poll-step2" data-realTimeFeedback-action="next">\n                    <div class="realTimeFeedback-poll-title">${thanks}</div>\n                    <div class="realTimeFeedback-button realTimeFeedback-poll-button-close">${thanksButton}</div>\n                </div>\n            </div>\n            <div class="realTimeFeedback-poll-close" data-realTimeFeedback-action="close">\n                <svg height="11" width="11" xmlns="http://www.w3.org/2000/svg">\n                    <line x1="0" y1="11" x2="11" y2="0" stroke-width="2"/>\n                    <line x1="0" y1="0" x2="11" y2="11" stroke-width="2"/>\n                </svg>\n            </div>\n        </div>',
    13391339        css: {
    1340             '.usabilityFeedback-poll': {
     1340            '.realTimeFeedback-poll': {
    13411341                'border-radius': '4px 5px 0 0',
    13421342                'z-index': 2147483647,
     
    13511351                color: 'rgb(255, 255, 255)'
    13521352            },
    1353             '.usabilityFeedback-poll-body': {
     1353            '.realTimeFeedback-poll-body': {
    13541354                margin: '18px 13px 18px 13px'
    13551355            },
    1356             '.usabilityFeedback-poll-step1': {
     1356            '.realTimeFeedback-poll-step1': {
    13571357                display: 'flex',
    13581358                'flex-direction': 'column'
    13591359            },
    1360             '.usabilityFeedback-poll-title': {
     1360            '.realTimeFeedback-poll-title': {
    13611361                'max-width': '100%',
    13621362                'text-align': 'center',
     
    13661366                'align-self': 'center'
    13671367            },
    1368             '.usabilityFeedback-poll textarea.usabilityFeedback-poll-textarea': {
     1368            '.realTimeFeedback-poll textarea.realTimeFeedback-poll-textarea': {
    13691369                color: '#585858',
    13701370                background: '#fff',
     
    13791379                'border-radius': '4px'
    13801380            },
    1381             '.usabilityFeedback-poll input.usabilityFeedback-poll-input': {
     1381            '.realTimeFeedback-poll input.realTimeFeedback-poll-input': {
    13821382                color: '#585858',
    13831383                background: '#fff',
     
    13931393                'border-radius': '4px'
    13941394            },
    1395             '.usabilityFeedback-poll-button': {
     1395            '.realTimeFeedback-poll-button': {
    13961396                '-webkit-user-select': 'none',
    13971397                '-moz-user-select': 'none',
     
    14091409                'align-self': 'flex-end'
    14101410            },
    1411             '.usabilityFeedback-poll-button--active': {
     1411            '.realTimeFeedback-poll-button--active': {
    14121412                cursor: 'pointer',
    14131413                color: '#fff',
    14141414                background: '#2b882b'
    14151415            },
    1416             '.usabilityFeedback-poll-step2': {
     1416            '.realTimeFeedback-poll-step2': {
    14171417                display: 'none',
    14181418                'flex-direction': 'column',
     
    14211421                padding: '12px 0 6px'
    14221422            },
    1423             '.usabilityFeedback-poll-button-close': {
     1423            '.realTimeFeedback-poll-button-close': {
    14241424                cursor: 'pointer',
    14251425                padding: '10px 18px',
     
    14301430                margin: '5px 0 0 0'
    14311431            },
    1432             '.usabilityFeedback-poll-button-close:hover': {
     1432            '.realTimeFeedback-poll-button-close:hover': {
    14331433                opacity: 0.9
    14341434            },
    1435             '.usabilityFeedback-poll-button--active:hover': {
     1435            '.realTimeFeedback-poll-button--active:hover': {
    14361436                opacity: 0.9
    14371437            },
    1438             '.usabilityFeedback-poll-close': {
     1438            '.realTimeFeedback-poll-close': {
    14391439                display: 'flex',
    14401440                position: 'absolute',
     
    14451445                stroke: '#888'
    14461446            },
    1447             '.usabilityFeedback-poll-close:hover': {
     1447            '.realTimeFeedback-poll-close:hover': {
    14481448                stroke: '#ccc'
    14491449            }
     
    15001500        pollData.data.thanks = thanks;
    15011501        pollData.data.thanksButton = thanksButton;
    1502         pollData.css['.usabilityFeedback-poll'].background = background;
    1503         pollData.css['.usabilityFeedback-poll']['font-family'] = font;
    1504         pollData.css['.usabilityFeedback-poll'].color = color;
     1502        pollData.css['.realTimeFeedback-poll'].background = background;
     1503        pollData.css['.realTimeFeedback-poll']['font-family'] = font;
     1504        pollData.css['.realTimeFeedback-poll'].color = color;
    15051505    }
    15061506
     
    17201720    }
    17211721
    1722     if (startUsabilityFeedbackEnabled) {
     1722    if (startRealTimeFeedbackEnabled) {
    17231723        // @todo - run css only when I have workflows available
    17241724        css();
    17251725
    1726         if (Array.isArray(window._usabilityFeedback)) {
    1727             window._usabilityFeedback.forEach(function (arr) {
     1726        if (Array.isArray(window._realTimeFeedback)) {
     1727            window._realTimeFeedback.forEach(function (arr) {
    17281728                push(arr);
    17291729            });
  • usability-feedback/tags/1.0.0/public/js/main1.0.0.js

    r1912544 r1915924  
    1 var _usabilityFeedback=function(){"use strict";var e=!0;function t(){e=!1}function k(e,t,n){for(var o=t.length;o--;)t[o].removeEventListener(e,n)}function F(){return window.location.href.replace(window.location.origin,"")}var o={get browser(){if(this.browserCache)return this.browserCache;for(var e=[{name:"Aol",rule:/AOLShield\/([0-9\._]+)/},{name:"Edge",rule:/Edge\/([0-9\._]+)/},{name:"Yandexbrowser",rule:/YaBrowser\/([0-9\._]+)/},{name:"Vivaldi",rule:/Vivaldi\/([0-9\.]+)/},{name:"Kakaotalk",rule:/KAKAOTALK\s([0-9\.]+)/},{name:"Samsung",rule:/SamsungBrowser\/([0-9\.]+)/},{name:"Chrome",rule:/(?!Chrom.*OPR)Chrom(?:e|ium)\/([0-9\.]+)(:?\s|$)/},{name:"Phantomjs",rule:/PhantomJS\/([0-9\.]+)(:?\s|$)/},{name:"Crios",rule:/CriOS\/([0-9\.]+)(:?\s|$)/},{name:"Firefox",rule:/Firefox\/([0-9\.]+)(?:\s|$)/},{name:"Fxios",rule:/FxiOS\/([0-9\.]+)/},{name:"Opera",rule:/Opera\/([0-9\.]+)(?:\s|$)/},{name:"Opera",rule:/OPR\/([0-9\.]+)(:?\s|$)$/},{name:"IE",rule:/Trident\/7\.0.*rv\:([0-9\.]+).*\).*Gecko$/},{name:"IE",rule:/MSIE\s([0-9\.]+);.*Trident\/[4-7].0/},{name:"IE",rule:/MSIE\s(7\.0)/},{name:"BB10",rule:/BB10;\sTouch.*Version\/([0-9\.]+)/},{name:"Android",rule:/Android\s([0-9\.]+)/},{name:"iOS",rule:/Version\/([0-9\._]+).*Mobile.*Safari.*/},{name:"Safari",rule:/Version\/([0-9\._]+).*Safari/},{name:"Facebook",rule:/FBAV\/([0-9\.]+)/},{name:"Instagram",rule:/Instagram\ ([0-9\.]+)/},{name:"iOS-webview",rule:/AppleWebKit\/([0-9\.]+).*Mobile/}],t=window.navigator.userAgent,n=0;n<e.length;n++){var o=e[n].rule.exec(t);if(o){var i=parseInt(o[1],10);return this.browserCache=e[n].name+(i?" "+i:""),this.browserCache}}return this.browserCache="Unknown",this.browserCache},get os(){if(this.osCache)return this.osCache;for(var e=[{name:"iOS",rule:/iP(hone|od|ad)/},{name:"Android OS",rule:/Android/},{name:"BlackBerry OS",rule:/BlackBerry|BB10/},{name:"Windows Mobile",rule:/IEMobile/},{name:"Amazon OS",rule:/Kindle/},{name:"Windows 3.11",rule:/Win16/},{name:"Windows 95",rule:/(Windows 95)|(Win95)|(Windows_95)/},{name:"Windows 98",rule:/(Windows 98)|(Win98)/},{name:"Windows 2000",rule:/(Windows NT 5.0)|(Windows 2000)/},{name:"Windows XP",rule:/(Windows NT 5.1)|(Windows XP)/},{name:"Windows Server 2003",rule:/(Windows NT 5.2)/},{name:"Windows Vista",rule:/(Windows NT 6.0)/},{name:"Windows 7",rule:/(Windows NT 6.1)/},{name:"Windows 8",rule:/(Windows NT 6.2)/},{name:"Windows 8.1",rule:/(Windows NT 6.3)/},{name:"Windows 10",rule:/(Windows NT 10.0)/},{name:"Windows ME",rule:/Windows ME/},{name:"Open BSD",rule:/OpenBSD/},{name:"Sun OS",rule:/SunOS/},{name:"Linux",rule:/(Linux)|(X11)/},{name:"Mac OS",rule:/(Mac_PowerPC)|(Macintosh)/},{name:"QNX",rule:/QNX/},{name:"BeOS",rule:/BeOS/},{name:"OS/2",rule:/OS\/2/}],t=window.navigator.userAgent,n=0;n<e.length;n++)if(e[n].rule.test(t))return this.osCache=e[n].name,this.osCache;return this.osCache="Unknown",this.osCache},get resolution(){return window.screen.width+"x"+window.screen.height}},s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},i=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},a=function(){function o(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(e,t,n){return t&&o(e.prototype,t),n&&o(e,n),e}}(),p=function(e,t){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return function(e,t){var n=[],o=!0,i=!1,a=void 0;try{for(var r,l=e[Symbol.iterator]();!(o=(r=l.next()).done)&&(n.push(r.value),!t||n.length!==t);o=!0);}catch(e){i=!0,a=e}finally{try{!o&&l.return&&l.return()}finally{if(i)throw a}}return n}(e,t);throw new TypeError("Invalid attempt to destructure non-iterable instance")};if("[object Object]"===Object.prototype.toString.call(window._usabilityFeedback))throw new Error("--\x3e usabilityFeedback script is already included on this page.");try{var n=window.localStorage;if(!n.getItem("usabilityFeedback")){var r="_usabilityFeedback_test_";n.setItem(r,r),n.removeItem(r)}}catch(e){t()}if(window.requestAnimationFrame||t(),!window.Promise){var l=function(){},c=function(e){if("object"!==s(this))throw new TypeError("Promises must be constructed via new");if("function"!=typeof e)throw new TypeError("not a function");this._state=0,this._handled=!1,this._value=void 0,this._deferreds=[],h(e,this)},d=function(n,o){for(;3===n._state;)n=n._value;0!==n._state?(n._handled=!0,c._immediateFn(function(){var e=1===n._state?o.onFulfilled:o.onRejected;if(null!==e){var t;try{t=e(n._value)}catch(e){return void f(o.promise,e)}u(o.promise,t)}else(1===n._state?u:f)(o.promise,n._value)})):n._deferreds.push(o)},u=function(t,e){try{if(e===t)throw new TypeError("A promise cannot be resolved with itself.");if(e&&("object"===(void 0===e?"undefined":s(e))||"function"==typeof e)){var n=e.then;if(e instanceof c)return t._state=3,t._value=e,void b(t);if("function"==typeof n)return void h((o=n,i=e,function(){o.apply(i,arguments)}),t)}t._state=1,t._value=e,b(t)}catch(e){f(t,e)}var o,i},f=function(e,t){e._state=2,e._value=t,b(e)},b=function(e){2===e._state&&0===e._deferreds.length&&c._immediateFn(function(){e._handled||c._unhandledRejectionFn(e._value)});for(var t=0,n=e._deferreds.length;t<n;t++)d(e,e._deferreds[t]);e._deferreds=null},m=function(e,t,n){this.onFulfilled="function"==typeof e?e:null,this.onRejected="function"==typeof t?t:null,this.promise=n},h=function(e,t){var n=!1;try{e(function(e){n||(n=!0,u(t,e))},function(e){n||(n=!0,f(t,e))})}catch(e){if(n)return;n=!0,f(t,e)}},y=setTimeout;c.prototype.catch=function(e){return this.then(null,e)},c.prototype.then=function(e,t){var n=new this.constructor(l);return d(this,new m(e,t,n)),n},c.all=function(e){var l=Array.prototype.slice.call(e);return new c(function(o,i){if(0===l.length)return o([]);var a=l.length;function r(t,e){try{if(e&&("object"===(void 0===e?"undefined":s(e))||"function"==typeof e)){var n=e.then;if("function"==typeof n)return void n.call(e,function(e){r(t,e)},i)}l[t]=e,0==--a&&o(l)}catch(e){i(e)}}for(var e=0;e<l.length;e++)r(e,l[e])})},c.resolve=function(t){return t&&"object"===(void 0===t?"undefined":s(t))&&t.constructor===c?t:new c(function(e){e(t)})},c.reject=function(n){return new c(function(e,t){t(n)})},c.race=function(i){return new c(function(e,t){for(var n=0,o=i.length;n<o;n++)i[n].then(e,t)})},c._immediateFn="function"==typeof setImmediate&&function(e){setImmediate(e)}||function(e){y(e,0)},c._unhandledRejectionFn=function(e){"undefined"!=typeof console&&console&&console.log("Possible Unhandled Promise Rejection:",e)},c._setImmediateFn=function(e){c._immediateFn=e},c._setUnhandledRejectionFn=function(e){c._unhandledRejectionFn=e},window.Promise=c}Object.entries||(Object.entries=function(n){return Object.keys(n).reduce(function(e,t){return e.push([t,n[t]])&&e},[])}),Object.values||(Object.values=function(t){return Object.keys(t).map(function(e){return t[e]})}),Array.prototype.includes||Object.defineProperty(Array.prototype,"includes",{value:function(e,t){if(null==this)throw new TypeError('"this" is null or not defined');var n=Object(this),o=n.length>>>0;if(0===o)return!1;var i,a,r=0|t,l=Math.max(0<=r?r:o-Math.abs(r),0);for(;l<o;){if((i=n[l])===(a=e)||"number"==typeof i&&"number"==typeof a&&isNaN(i)&&isNaN(a))return!0;l++}return!1}}),Element.prototype.matches||(Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector),window.performance||(window.performance={offset:Date.now(),now:function(){return Date.now()-this.offset}}),window.requestIdleCallback=window.requestIdleCallback||window.requestAnimationFrame,window.onstorage=function(){};var g={};function w(e,t){var n=2<arguments.length&&void 0!==arguments[2]&&arguments[2];return g[e]||(g[e]=[]),g[e].push({callback:t,oneTime:n})-1}function v(e,t){g[e]&&void 0!==t&&(g[e][t]=null)}function x(n,o){g[n]&&g[n].forEach(function(e,t){e&&(e.oneTime&&v(n,t),e.callback.call(null,o))})}var S=(new Date).toISOString()+" - "+performance.now(),_=void 0;function E(){return localStorage.getItem("usabilityFeedbackTab")===S||(x("pauseWidget"),!1)}function O(){E()&&localStorage.setItem("usabilityFeedback",JSON.stringify(_))}function C(){localStorage.getItem("usabilityFeedback")?(_=JSON.parse(localStorage.getItem("usabilityFeedback")),1!==parseInt(_.version,10)&&(_.version=1)):(_={version:1,user:function(){for(var e=Date.now().toString(36)+performance.now().toString(36).replace(".",""),t=0,n=24-(e=e.substr(0,18)).length;t<n;t+=1)e+=Math.floor(36*Math.random()).toString(36);return e}(),workflows:{}},localStorage.setItem("usabilityFeedback",JSON.stringify(_)));localStorage.setItem("usabilityFeedbackTab",S)}var T={poll:function e(t,p,m){var h=t.html,y=t.css,g=t.data,w=this;i(this,e),console.log("\t poll - start");var v=p[m];if(v||(p[m]={done:0,data:{name:"poll"}},v=p[m],O()),0<v.done)return console.log("\t poll - end from done"),void(this.promise=null);this.promise=new Promise(function(o,e){var n,i,t=document.createElement("style");t.type="text/css",t.innerHTML=(n=y,i="",Object.keys(n).forEach(function(t){i+=t+" {",Object.keys(n[t]).forEach(function(e){i+=e+": "+n[t][e]+";"}),i+="}"}),i),document.head.appendChild(t);var a=document.createElement("div");a.insertAdjacentHTML("beforeend",function(e,t){for(var n=/\${(.*?)}/g,o=void 0;o=n.exec(e);)e=e.replace(o[0],t[o[1]]);return e}(h,g));var r=a.firstElementChild;requestIdleCallback(function(){document.body.appendChild(r)},{timeout:2e3});var l=r.querySelectorAll("[data-usabilityFeedback-action]");!function(e,t,n){for(var o=t.length;o--;)t[o].addEventListener(e,n,!1)}("click",l,d);var s=r.querySelector(".usabilityFeedback-poll-textarea");s.addEventListener("keyup",f,!1);var c=r.querySelector(".usabilityFeedback-poll-button");function d(e){var t=e.currentTarget;console.log("\t poll - end from promise"),k("click",l,d),s.removeEventListener("keyup",f);var n=t.getAttribute("data-usabilityFeedback-action");v.done=1,v.data.action=n,v.data.msg=s.value,v.data.email=r.querySelector(".usabilityFeedback-poll-input").value,p.page=F(),"close"===n&&u(),O(),o()}function u(){document.body.removeChild(r),document.head.removeChild(t)}function f(){2<s.value.length?c.classList.add("usabilityFeedback-poll-button--active"):c.classList.remove("usabilityFeedback-poll-button--active")}c.addEventListener("click",function e(){c.classList.contains("usabilityFeedback-poll-button--active")&&(c.removeEventListener("click",e),r.querySelector(".usabilityFeedback-poll-step1").style.display="none",r.querySelector(".usabilityFeedback-poll-close").style.display="none",b.style.display="flex",b.click(),b.querySelector(".usabilityFeedback-poll-button-close").addEventListener("click",function(){return u()},!1))},!1);var b=r.querySelector(".usabilityFeedback-poll-step2");w.cancel=function(){console.log("\t poll - cancel"),k("click",l,d),document.body.removeChild(r),document.head.removeChild(t),delete p[m],O(),e()}})},frustration:function e(t,m,n){t.name;var o=this;i(this,e),console.log("\t frustration - start");var h=m[n];if(h||(m[n]=h={done:0,data:{name:"frustration"}},O()),0<h.done)return console.log("\t frustration - end from done"),void(this.promise=null);this.promise=new Promise(function(d,e){o.cancel=function(){console.log("\t frustration - cancel"),v("scroll",p),delete m[n],O(),e()};var u=[],f=[],b=0,p=w("scroll",function(e){var t=e.time,n=e.pageYOffset,o=f[0]||{},i=o.lastTime,a=void 0===i?0:i,r=o.y,l=void 0===r?0:r,s=o.direction,c=void 0===s?"":s;if(1e3<t-a)return console.log("%c \t reset from time","color: red; font-weight: bold;"),f=[{lastTime:t,y:n,direction:""}],b=0,void(u=[]);if(c){if("down"===c){if(n<l)return 3<f.length?(b++,u.push(f)):(b=0,u=[]),f=[{lastTime:t,y:n,direction:"up"}],void console.log("%c \t reset from down || edge: "+b,"color: red; font-weight: bold;");f.unshift({lastTime:t,y:n,direction:"down"})}else if("up"===c){if(l<n)return 3<f.length?(b++,u.push(f)):(b=0,u=[]),f=[{lastTime:t,y:n,direction:"down"}],void console.log("%c \t reset from up || edge: "+b,"color: red; font-weight: bold;");f.unshift({lastTime:t,y:n,direction:"up"})}5===b&&(console.log("\t frustration - end from promise"),v("scroll",p),h.done=1,m.page=F(),d())}else f.unshift({lastTime:t,y:n,direction:l<n?"down":"up"})})})},rage:function e(t,d,n){var o=this;i(this,e),console.log("\t rage - start");var u=d[n];if(u||(d[n]=u={done:0,data:{name:"rage"}},O()),0<u.done)return console.log("\t rage - end from done"),void(this.promise=null);this.promise=new Promise(function(r,e){o.cancel=function(){console.log("\t rage - cancel"),v("bodyClick",c),delete d[n],O(),e()};var l=[{time:0},{time:0},{time:0}],s=!1,c=w("bodyClick",function(e){var t=e.time,n=e.target,o=e.pageX,i=e.pageY;if(l.push({time:t,pageX:o,pageY:i}),!s){l.shift();var a=l[l.length-1].time-l[0].time;a<700&&(console.log("\t rage ("+a+", "+n+") - end from promise"),u.done=1,d.page=F(),d.target=function(e){if(!e||!e.outerHTML)return"";for(var t=[],n=!0;e.parentNode;){var o=e.nodeName;if(!o)break;var i={name:o.toLowerCase(),cls:e.getAttribute("class")||"",id:e.getAttribute("id")||"",nthChild:0};n&&(i.text=e.textContent.trim().substr(0,30),i.nameAttribute=e.getAttribute("name")||"",n=!1);var a=e.parentNode;if(a.children&&0<a.children.length)for(var r=0;r<a.children.length;r++)a.children[r]===e&&(i.nthChild=r+1);t.push(i),e=a}if(0===t.length)return"";var l="";t.forEach(function(e,t){var n=e.name;"html"!==n&&(l=0===t?n:n+" > "+l)});var s=t[0].cls.trim();l+=s?". "+s.split(" ").filter(Boolean).join("."):"";var c=t[0].id.trim();l+=c?"#"+c:"";var d=t[0].text.trim();return l+=d?"|"+d:""}(n),s=!0,setTimeout(function(){v("bodyClick",c)},1e4),r())}})})},wastedClick:function e(t,r,l){var s=this;i(this,e),console.log("\t wastedClick - start");var c=r[l];if(c||(r[l]=c={done:0,data:{name:"wastedClick",wastedPages:[]}},O()),0<c.done)return console.log("\t wastedClick - end from done"),void(this.promise=null);this.promise=new Promise(function(e,t){if(s.cancel=function(){console.log("\t wastedClick - cancel"),delete r[l],O(),t()},c.data.wastedPages.push({time:Date.now(),page:F()}),3<=c.data.wastedPages.length){c.data.wastedPages=c.data.wastedPages.slice(-3);var n=p(c.data.wastedPages,3),o=n[0],i=n[1],a=n[2];o.page!==i.page&&o.page===a.page&&a.time-o.time<1e4&&(console.log("\t wastedClick - end from promise"),c.done=1,r.page=F(),e())}O()})}},W={html:'<div class="usabilityFeedback usabilityFeedback-poll usabilityFeedback-animation-${animation} usabilityFeedback-position-${position}">\n            <div class="usabilityFeedback-poll-body">\n                <div class="usabilityFeedback-poll-step1">\n                    <div class="usabilityFeedback-poll-title">${title}</div>\n                    <textarea class="usabilityFeedback-poll-textarea" rows="5" placeholder="Type here your message..."></textarea>\n                    <input type="email" class="usabilityFeedback-poll-input" placeholder="Enter email for a response (optional)" />\n                    <div class="usabilityFeedback-button usabilityFeedback-poll-button">${actionText}</div>\n                </div>\n                <div class="usabilityFeedback-poll-step2" data-usabilityFeedback-action="next">\n                    <div class="usabilityFeedback-poll-title">${thanks}</div>\n                    <div class="usabilityFeedback-button usabilityFeedback-poll-button-close">${thanksButton}</div>\n                </div>\n            </div>\n            <div class="usabilityFeedback-poll-close" data-usabilityFeedback-action="close">\n                <svg height="11" width="11" xmlns="http://www.w3.org/2000/svg">\n                    <line x1="0" y1="11" x2="11" y2="0" stroke-width="2"/>\n                    <line x1="0" y1="0" x2="11" y2="11" stroke-width="2"/>\n                </svg>\n            </div>\n        </div>',css:{".usabilityFeedback-poll":{"border-radius":"4px 5px 0 0","z-index":2147483647,background:"rgb(60, 60, 60)",position:"fixed","max-width":"350px",width:"100%","box-shadow":"0 0 14px 3px rgba(0, 0, 0, 0.38)","font-family":'-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif',"font-weight":400,"line-height":1.4,color:"rgb(255, 255, 255)"},".usabilityFeedback-poll-body":{margin:"18px 13px 18px 13px"},".usabilityFeedback-poll-step1":{display:"flex","flex-direction":"column"},".usabilityFeedback-poll-title":{"max-width":"100%","text-align":"center",margin:"0 0 12px",padding:"0 20px","font-size":"15px","align-self":"center"},".usabilityFeedback-poll textarea.usabilityFeedback-poll-textarea":{color:"#585858",background:"#fff","font-family":"inherit","font-size":"13px","line-height":"inherit","font-weight":"inherit",padding:"9px 10px",resize:"none",width:"100%",border:"1px solid #3c3c3c","border-radius":"4px"},".usabilityFeedback-poll input.usabilityFeedback-poll-input":{color:"#585858",background:"#fff",width:"100%",padding:"0 10px",margin:"5px 0 0 0",border:"1px solid #3c3c3c","font-family":"inherit","font-size":"13px","line-height":"inherit","font-weight":"inherit",height:"36px","border-radius":"4px"},".usabilityFeedback-poll-button":{"-webkit-user-select":"none","-moz-user-select":"none","-ms-user-select":"none","user-select":"none","text-align":"center",cursor:"default",color:"rgba(255, 255, 255, 0.25)",padding:"10px 18px",background:"#545454","border-radius":"4px","font-size":"13px",margin:"18px 1px 0 0",transition:"background .3s, color .3s","align-self":"flex-end"},".usabilityFeedback-poll-button--active":{cursor:"pointer",color:"#fff",background:"#2b882b"},".usabilityFeedback-poll-step2":{display:"none","flex-direction":"column","align-items":"center","justify-content":"center",padding:"12px 0 6px"},".usabilityFeedback-poll-button-close":{cursor:"pointer",padding:"10px 18px",background:"#616161",color:"#fff","border-radius":"4px","font-size":"13px",margin:"5px 0 0 0"},".usabilityFeedback-poll-button-close:hover":{opacity:.9},".usabilityFeedback-poll-button--active:hover":{opacity:.9},".usabilityFeedback-poll-close":{display:"flex",position:"absolute",right:"8px",top:"8px",padding:"5px",cursor:"pointer",stroke:"#888"},".usabilityFeedback-poll-close:hover":{stroke:"#ccc"}},data:{position:"bottom-left",animation:"slideUp",title:"Would love to hear your feedback!",actionText:"Send Message",thanks:"Thank you for answering this poll. Your feedback is appreciated!",thanksButton:"Close"},name:"poll"},I={workflows:{"rageclicks-poll":{start:{name:"rage"},end:W},"wastedClick-poll":{start:{name:"wastedClick"},end:W},"frustration-poll":{start:{name:"frustration"},end:W}}};var j=function(){function n(e,t){i(this,n),console.log("workflow - start ["+e+"]"),this.id=e,(this.opts=t).start.name||t.end.name?(this.storageWorkflow=_.workflows[e],this.storageWorkflow||(this.storageWorkflow=_.workflows[e]=[{done:0}],O()),this.run()):console.log("workflow - finished with no trigger and action")}return a(n,[{key:"run",value:function(){var t=this;this.storageData=this.storageWorkflow[this.storageWorkflow.length-1],Promise.resolve(this.processEvent("start")).then(this.processEvent.bind(this,"end")).then(function(){t.nodeInstance=null,t.storageData.done=1,console.log("workflow - end"),t.storageWorkflow.push({done:0}),function(){if(E()){var n=[],e=_.workflows;Object.entries(e).forEach(function(e){var t=p(e,2);t[0],t[1].forEach(function(e){var t={};1===e.done&&(t.browser=o.browser,t.os=o.os,t.resolution=o.resolution,t.startData=e.start.data,e.end&&(t.endData=e.end.data),t.page=e.page,t.target=e.target||"",n.push(t),e.done=2)})}),0!==n.length&&(jQuery.post(window.ajaxurl,{action:"savePoll",nonce:window._usabilityFeedbackAjax,data:n}),O())}}(),O(),t.run()}).catch(function(e){t.stop(),t.nodeInstance=null,console.log("catch run",e)})}},{key:"processEvent",value:function(e){var t=this.opts[e];if(t.name)return this.nodeInstance=new T[t.name](t,this.storageData,e),this.nodeInstance.promise}},{key:"stop",value:function(){this.nodeInstance&&this.nodeInstance.cancel()}}]),n}(),A=[];var P,N=!1,B=document.body,M=document.documentElement;function L(e){var t,n,o,i,a,r,l,s,c,d,u=p(e,2),f=u[0],b=u[1];"poll-data"===f&&(n=(t=b).position,o=t.animation,i=t.title,a=t.actionText,r=t.thanks,l=t.thanksButton,s=t.background,c=t.font,d=t.color,W.data.position=n,W.data.animation=o,W.data.title=i,W.data.actionText=a,W.data.thanks=r,W.data.thanksButton=l,W.css[".usabilityFeedback-poll"].background=s,W.css[".usabilityFeedback-poll"]["font-family"]=c,W.css[".usabilityFeedback-poll"].color=d)}function $(){window.addEventListener("focus",function(){console.log("tab got focus 1"),E()||(console.log("tab got focus 2"),q())})}function q(){var e=0<arguments.length&&void 0!==arguments[0]&&arguments[0];C(),e&&$(),w("pauseWidget",function(){console.log("workflows - stop"),A.forEach(function(e){e.stop()}),A=[],N=!0},!0),console.log("workflows - start"),Object.entries(I.workflows).forEach(function(e){var t=p(e,2),n=t[0],o=t[1];A.push(new j(n,o))}),function(){if(!N){B.addEventListener("click",function(e){var t=e.target,n=t.parentNode;x("bodyClick",{e:e,target:t,parent:n,grandParent:n?n.parentNode:null,time:Date.now(),pageX:e.pageX,pageY:e.pageY}),O()});var t=!1;window.addEventListener("scroll",function(e){t||(window.requestAnimationFrame(function(){x("scroll",{e:e,time:Date.now(),pageYOffset:window.pageYOffset,scrollHeight:B.scrollHeight,clientHeight:M.clientHeight}),O(),t=!1}),t=!0)})}}()}return e&&((P=document.createElement("style")).type="text/css",P.id="usabilityFeedback-custom-css",P.innerHTML=".usabilityFeedback,.usabilityFeedback *{box-sizing:border-box}.usabilityFeedback :focus{outline:none}.usabilityFeedback{will-change:transform, opacity}.usabilityFeedback-position-bottom{bottom:0}.usabilityFeedback-position-top{top:0}.usabilityFeedback-position-bottom-left{bottom:0;left:175px}.usabilityFeedback-position-bottom-right{bottom:0;right:175px}@media screen and (max-width: 700px){.usabilityFeedback-position-bottom-right{right:calc(50% - 175px)}.usabilityFeedback-position-bottom-left{left:calc(50% - 175px)}}@media screen and (max-width: 350px){.usabilityFeedback-position-bottom-right{right:0}.usabilityFeedback-position-bottom-left{left:0}}.usabilityFeedback-animation-fadeIn{-webkit-animation:usabilityFeedback-keyframes-fadeIn .7s ease-in-out both;animation:usabilityFeedback-keyframes-fadeIn .7s ease-in-out both}@-webkit-keyframes usabilityFeedback-keyframes-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes usabilityFeedback-keyframes-fadeIn{0%{opacity:0}100%{opacity:1}}.usabilityFeedback-animation-slideUp{-webkit-animation:usabilityFeedback-keyframes-slideUp .7s ease-in-out both;animation:usabilityFeedback-keyframes-slideUp .7s ease-in-out both}@-webkit-keyframes usabilityFeedback-keyframes-slideUp{0%{-webkit-transform:translateY(150%)}100%{-webkit-transform:translateY(0)}}@keyframes usabilityFeedback-keyframes-slideUp{0%{transform:translateY(150%)}100%{transform:translateY(0)}}",document.head.appendChild(P),Array.isArray(window._usabilityFeedback)&&window._usabilityFeedback.forEach(function(e){L(e)}),document.hasFocus()?(console.log("tab is focused"),q(!0)):(console.log("tab is NOT focused"),$())),{push:L}}();
     1var _realTimeFeedback=function(){"use strict";var e=!0;function t(){e=!1}function y(e,t,n){for(var o=t.length;o--;)t[o].removeEventListener(e,n)}function T(){return window.location.href.replace(window.location.origin,"")}var o={get browser(){if(this.browserCache)return this.browserCache;for(var e=[{name:"Aol",rule:/AOLShield\/([0-9\._]+)/},{name:"Edge",rule:/Edge\/([0-9\._]+)/},{name:"Yandexbrowser",rule:/YaBrowser\/([0-9\._]+)/},{name:"Vivaldi",rule:/Vivaldi\/([0-9\.]+)/},{name:"Kakaotalk",rule:/KAKAOTALK\s([0-9\.]+)/},{name:"Samsung",rule:/SamsungBrowser\/([0-9\.]+)/},{name:"Chrome",rule:/(?!Chrom.*OPR)Chrom(?:e|ium)\/([0-9\.]+)(:?\s|$)/},{name:"Phantomjs",rule:/PhantomJS\/([0-9\.]+)(:?\s|$)/},{name:"Crios",rule:/CriOS\/([0-9\.]+)(:?\s|$)/},{name:"Firefox",rule:/Firefox\/([0-9\.]+)(?:\s|$)/},{name:"Fxios",rule:/FxiOS\/([0-9\.]+)/},{name:"Opera",rule:/Opera\/([0-9\.]+)(?:\s|$)/},{name:"Opera",rule:/OPR\/([0-9\.]+)(:?\s|$)$/},{name:"IE",rule:/Trident\/7\.0.*rv\:([0-9\.]+).*\).*Gecko$/},{name:"IE",rule:/MSIE\s([0-9\.]+);.*Trident\/[4-7].0/},{name:"IE",rule:/MSIE\s(7\.0)/},{name:"BB10",rule:/BB10;\sTouch.*Version\/([0-9\.]+)/},{name:"Android",rule:/Android\s([0-9\.]+)/},{name:"iOS",rule:/Version\/([0-9\._]+).*Mobile.*Safari.*/},{name:"Safari",rule:/Version\/([0-9\._]+).*Safari/},{name:"Facebook",rule:/FBAV\/([0-9\.]+)/},{name:"Instagram",rule:/Instagram\ ([0-9\.]+)/},{name:"iOS-webview",rule:/AppleWebKit\/([0-9\.]+).*Mobile/}],t=window.navigator.userAgent,n=0;n<e.length;n++){var o=e[n].rule.exec(t);if(o){var a=parseInt(o[1],10);return this.browserCache=e[n].name+(a?" "+a:""),this.browserCache}}return this.browserCache="Unknown",this.browserCache},get os(){if(this.osCache)return this.osCache;for(var e=[{name:"iOS",rule:/iP(hone|od|ad)/},{name:"Android OS",rule:/Android/},{name:"BlackBerry OS",rule:/BlackBerry|BB10/},{name:"Windows Mobile",rule:/IEMobile/},{name:"Amazon OS",rule:/Kindle/},{name:"Windows 3.11",rule:/Win16/},{name:"Windows 95",rule:/(Windows 95)|(Win95)|(Windows_95)/},{name:"Windows 98",rule:/(Windows 98)|(Win98)/},{name:"Windows 2000",rule:/(Windows NT 5.0)|(Windows 2000)/},{name:"Windows XP",rule:/(Windows NT 5.1)|(Windows XP)/},{name:"Windows Server 2003",rule:/(Windows NT 5.2)/},{name:"Windows Vista",rule:/(Windows NT 6.0)/},{name:"Windows 7",rule:/(Windows NT 6.1)/},{name:"Windows 8",rule:/(Windows NT 6.2)/},{name:"Windows 8.1",rule:/(Windows NT 6.3)/},{name:"Windows 10",rule:/(Windows NT 10.0)/},{name:"Windows ME",rule:/Windows ME/},{name:"Open BSD",rule:/OpenBSD/},{name:"Sun OS",rule:/SunOS/},{name:"Linux",rule:/(Linux)|(X11)/},{name:"Mac OS",rule:/(Mac_PowerPC)|(Macintosh)/},{name:"QNX",rule:/QNX/},{name:"BeOS",rule:/BeOS/},{name:"OS/2",rule:/OS\/2/}],t=window.navigator.userAgent,n=0;n<e.length;n++)if(e[n].rule.test(t))return this.osCache=e[n].name,this.osCache;return this.osCache="Unknown",this.osCache},get resolution(){return window.screen.width+"x"+window.screen.height}},s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},r=function(){function o(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(e,t,n){return t&&o(e.prototype,t),n&&o(e,n),e}}(),p=function(e,t){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return function(e,t){var n=[],o=!0,a=!1,r=void 0;try{for(var i,l=e[Symbol.iterator]();!(o=(i=l.next()).done)&&(n.push(i.value),!t||n.length!==t);o=!0);}catch(e){a=!0,r=e}finally{try{!o&&l.return&&l.return()}finally{if(a)throw r}}return n}(e,t);throw new TypeError("Invalid attempt to destructure non-iterable instance")};if("[object Object]"===Object.prototype.toString.call(window._realTimeFeedback))throw new Error("--\x3e realTimeFeedback script is already included on this page.");try{var n=window.localStorage;if(!n.getItem("realTimeFeedback")){var i="_realTimeFeedback_test_";n.setItem(i,i),n.removeItem(i)}}catch(e){t()}if(window.requestAnimationFrame||t(),!window.Promise){var l=function(){},c=function(e){if("object"!==s(this))throw new TypeError("Promises must be constructed via new");if("function"!=typeof e)throw new TypeError("not a function");this._state=0,this._handled=!1,this._value=void 0,this._deferreds=[],b(e,this)},d=function(n,o){for(;3===n._state;)n=n._value;0!==n._state?(n._handled=!0,c._immediateFn(function(){var e=1===n._state?o.onFulfilled:o.onRejected;if(null!==e){var t;try{t=e(n._value)}catch(e){return void m(o.promise,e)}u(o.promise,t)}else(1===n._state?u:m)(o.promise,n._value)})):n._deferreds.push(o)},u=function(t,e){try{if(e===t)throw new TypeError("A promise cannot be resolved with itself.");if(e&&("object"===(void 0===e?"undefined":s(e))||"function"==typeof e)){var n=e.then;if(e instanceof c)return t._state=3,t._value=e,void f(t);if("function"==typeof n)return void b((o=n,a=e,function(){o.apply(a,arguments)}),t)}t._state=1,t._value=e,f(t)}catch(e){m(t,e)}var o,a},m=function(e,t){e._state=2,e._value=t,f(e)},f=function(e){2===e._state&&0===e._deferreds.length&&c._immediateFn(function(){e._handled||c._unhandledRejectionFn(e._value)});for(var t=0,n=e._deferreds.length;t<n;t++)d(e,e._deferreds[t]);e._deferreds=null},h=function(e,t,n){this.onFulfilled="function"==typeof e?e:null,this.onRejected="function"==typeof t?t:null,this.promise=n},b=function(e,t){var n=!1;try{e(function(e){n||(n=!0,u(t,e))},function(e){n||(n=!0,m(t,e))})}catch(e){if(n)return;n=!0,m(t,e)}},g=setTimeout;c.prototype.catch=function(e){return this.then(null,e)},c.prototype.then=function(e,t){var n=new this.constructor(l);return d(this,new h(e,t,n)),n},c.all=function(e){var l=Array.prototype.slice.call(e);return new c(function(o,a){if(0===l.length)return o([]);var r=l.length;function i(t,e){try{if(e&&("object"===(void 0===e?"undefined":s(e))||"function"==typeof e)){var n=e.then;if("function"==typeof n)return void n.call(e,function(e){i(t,e)},a)}l[t]=e,0==--r&&o(l)}catch(e){a(e)}}for(var e=0;e<l.length;e++)i(e,l[e])})},c.resolve=function(t){return t&&"object"===(void 0===t?"undefined":s(t))&&t.constructor===c?t:new c(function(e){e(t)})},c.reject=function(n){return new c(function(e,t){t(n)})},c.race=function(a){return new c(function(e,t){for(var n=0,o=a.length;n<o;n++)a[n].then(e,t)})},c._immediateFn="function"==typeof setImmediate&&function(e){setImmediate(e)}||function(e){g(e,0)},c._unhandledRejectionFn=function(e){"undefined"!=typeof console&&console&&console.log("Possible Unhandled Promise Rejection:",e)},c._setImmediateFn=function(e){c._immediateFn=e},c._setUnhandledRejectionFn=function(e){c._unhandledRejectionFn=e},window.Promise=c}Object.entries||(Object.entries=function(n){return Object.keys(n).reduce(function(e,t){return e.push([t,n[t]])&&e},[])}),Object.values||(Object.values=function(t){return Object.keys(t).map(function(e){return t[e]})}),Array.prototype.includes||Object.defineProperty(Array.prototype,"includes",{value:function(e,t){if(null==this)throw new TypeError('"this" is null or not defined');var n=Object(this),o=n.length>>>0;if(0===o)return!1;var a,r,i=0|t,l=Math.max(0<=i?i:o-Math.abs(i),0);for(;l<o;){if((a=n[l])===(r=e)||"number"==typeof a&&"number"==typeof r&&isNaN(a)&&isNaN(r))return!0;l++}return!1}}),Element.prototype.matches||(Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector),window.performance||(window.performance={offset:Date.now(),now:function(){return Date.now()-this.offset}}),window.requestIdleCallback=window.requestIdleCallback||window.requestAnimationFrame,window.onstorage=function(){};var w={};function v(e,t){var n=2<arguments.length&&void 0!==arguments[2]&&arguments[2];return w[e]||(w[e]=[]),w[e].push({callback:t,oneTime:n})-1}function k(e,t){w[e]&&void 0!==t&&(w[e][t]=null)}function F(n,o){w[n]&&w[n].forEach(function(e,t){e&&(e.oneTime&&k(n,t),e.callback.call(null,o))})}var x=(new Date).toISOString()+" - "+performance.now(),S=void 0;function _(){return localStorage.getItem("realTimeFeedbackTab")===x||(F("pauseWidget"),!1)}function E(){_()&&localStorage.setItem("realTimeFeedback",JSON.stringify(S))}function O(){localStorage.getItem("realTimeFeedback")?(S=JSON.parse(localStorage.getItem("realTimeFeedback")),1!==parseInt(S.version,10)&&(S.version=1)):(S={version:1,user:function(){for(var e=Date.now().toString(36)+performance.now().toString(36).replace(".",""),t=0,n=24-(e=e.substr(0,18)).length;t<n;t+=1)e+=Math.floor(36*Math.random()).toString(36);return e}(),workflows:{}},localStorage.setItem("realTimeFeedback",JSON.stringify(S)));localStorage.setItem("realTimeFeedbackTab",x)}var C={poll:function e(t,p,h){var b=t.html,g=t.css,w=t.data,v=this;a(this,e),console.log("\t poll - start");var k=p[h];if(k||(p[h]={done:0,data:{name:"poll"}},k=p[h],E()),0<k.done)return console.log("\t poll - end from done"),void(this.promise=null);this.promise=new Promise(function(o,e){var n,a,t=document.createElement("style");t.type="text/css",t.innerHTML=(n=g,a="",Object.keys(n).forEach(function(t){a+=t+" {",Object.keys(n[t]).forEach(function(e){a+=e+": "+n[t][e]+";"}),a+="}"}),a),document.head.appendChild(t);var r=document.createElement("div");r.insertAdjacentHTML("beforeend",function(e,t){for(var n=/\${(.*?)}/g,o=void 0;o=n.exec(e);)e=e.replace(o[0],t[o[1]]);return e}(b,w));var i=r.firstElementChild;requestIdleCallback(function(){document.body.appendChild(i)},{timeout:2e3});var l=i.querySelectorAll("[data-realTimeFeedback-action]");!function(e,t,n){for(var o=t.length;o--;)t[o].addEventListener(e,n,!1)}("click",l,d);var s=i.querySelector(".realTimeFeedback-poll-textarea");s.addEventListener("keyup",m,!1);var c=i.querySelector(".realTimeFeedback-poll-button");function d(e){var t=e.currentTarget;console.log("\t poll - end from promise"),y("click",l,d),s.removeEventListener("keyup",m);var n=t.getAttribute("data-realTimeFeedback-action");k.done=1,k.data.action=n,k.data.msg=s.value,k.data.email=i.querySelector(".realTimeFeedback-poll-input").value,p.page=T(),"close"===n&&u(),E(),o()}function u(){document.body.removeChild(i),document.head.removeChild(t)}function m(){2<s.value.length?c.classList.add("realTimeFeedback-poll-button--active"):c.classList.remove("realTimeFeedback-poll-button--active")}c.addEventListener("click",function e(){c.classList.contains("realTimeFeedback-poll-button--active")&&(c.removeEventListener("click",e),i.querySelector(".realTimeFeedback-poll-step1").style.display="none",i.querySelector(".realTimeFeedback-poll-close").style.display="none",f.style.display="flex",f.click(),f.querySelector(".realTimeFeedback-poll-button-close").addEventListener("click",function(){return u()},!1))},!1);var f=i.querySelector(".realTimeFeedback-poll-step2");v.cancel=function(){console.log("\t poll - cancel"),y("click",l,d),document.body.removeChild(i),document.head.removeChild(t),delete p[h],E(),e()}})},frustration:function e(t,h,n){t.name;var o=this;a(this,e),console.log("\t frustration - start");var b=h[n];if(b||(h[n]=b={done:0,data:{name:"frustration"}},E()),0<b.done)return console.log("\t frustration - end from done"),void(this.promise=null);this.promise=new Promise(function(d,e){o.cancel=function(){console.log("\t frustration - cancel"),k("scroll",p),delete h[n],E(),e()};var u=[],m=[],f=0,p=v("scroll",function(e){var t=e.time,n=e.pageYOffset,o=m[0]||{},a=o.lastTime,r=void 0===a?0:a,i=o.y,l=void 0===i?0:i,s=o.direction,c=void 0===s?"":s;if(1e3<t-r)return console.log("%c \t reset from time","color: red; font-weight: bold;"),m=[{lastTime:t,y:n,direction:""}],f=0,void(u=[]);if(c){if("down"===c){if(n<l)return 3<m.length?(f++,u.push(m)):(f=0,u=[]),m=[{lastTime:t,y:n,direction:"up"}],void console.log("%c \t reset from down || edge: "+f,"color: red; font-weight: bold;");m.unshift({lastTime:t,y:n,direction:"down"})}else if("up"===c){if(l<n)return 3<m.length?(f++,u.push(m)):(f=0,u=[]),m=[{lastTime:t,y:n,direction:"down"}],void console.log("%c \t reset from up || edge: "+f,"color: red; font-weight: bold;");m.unshift({lastTime:t,y:n,direction:"up"})}5===f&&(console.log("\t frustration - end from promise"),k("scroll",p),b.done=1,h.page=T(),d())}else m.unshift({lastTime:t,y:n,direction:l<n?"down":"up"})})})},rage:function e(t,d,n){var o=this;a(this,e),console.log("\t rage - start");var u=d[n];if(u||(d[n]=u={done:0,data:{name:"rage"}},E()),0<u.done)return console.log("\t rage - end from done"),void(this.promise=null);this.promise=new Promise(function(i,e){o.cancel=function(){console.log("\t rage - cancel"),k("bodyClick",c),delete d[n],E(),e()};var l=[{time:0},{time:0},{time:0}],s=!1,c=v("bodyClick",function(e){var t=e.time,n=e.target,o=e.pageX,a=e.pageY;if(l.push({time:t,pageX:o,pageY:a}),!s){l.shift();var r=l[l.length-1].time-l[0].time;r<700&&(console.log("\t rage ("+r+", "+n+") - end from promise"),u.done=1,d.page=T(),d.target=function(e){if(!e||!e.outerHTML)return"";for(var t=[],n=!0;e.parentNode;){var o=e.nodeName;if(!o)break;var a={name:o.toLowerCase(),cls:e.getAttribute("class")||"",id:e.getAttribute("id")||"",nthChild:0};n&&(a.text=e.textContent.trim().substr(0,30),a.nameAttribute=e.getAttribute("name")||"",n=!1);var r=e.parentNode;if(r.children&&0<r.children.length)for(var i=0;i<r.children.length;i++)r.children[i]===e&&(a.nthChild=i+1);t.push(a),e=r}if(0===t.length)return"";var l="";t.forEach(function(e,t){var n=e.name;"html"!==n&&(l=0===t?n:n+" > "+l)});var s=t[0].cls.trim();l+=s?". "+s.split(" ").filter(Boolean).join("."):"";var c=t[0].id.trim();l+=c?"#"+c:"";var d=t[0].text.trim();return l+=d?"|"+d:""}(n),s=!0,setTimeout(function(){k("bodyClick",c)},1e4),i())}})})},wastedClick:function e(t,i,l){var s=this;a(this,e),console.log("\t wastedClick - start");var c=i[l];if(c||(i[l]=c={done:0,data:{name:"wastedClick",wastedPages:[]}},E()),0<c.done)return console.log("\t wastedClick - end from done"),void(this.promise=null);this.promise=new Promise(function(e,t){if(s.cancel=function(){console.log("\t wastedClick - cancel"),delete i[l],E(),t()},c.data.wastedPages.push({time:Date.now(),page:T()}),3<=c.data.wastedPages.length){c.data.wastedPages=c.data.wastedPages.slice(-3);var n=p(c.data.wastedPages,3),o=n[0],a=n[1],r=n[2];o.page!==a.page&&o.page===r.page&&r.time-o.time<1e4&&(console.log("\t wastedClick - end from promise"),c.done=1,i.page=T(),e())}E()})}},W={html:'<div class="realTimeFeedback realTimeFeedback-poll realTimeFeedback-animation-${animation} realTimeFeedback-position-${position}">\n            <div class="realTimeFeedback-poll-body">\n                <div class="realTimeFeedback-poll-step1">\n                    <div class="realTimeFeedback-poll-title">${title}</div>\n                    <textarea class="realTimeFeedback-poll-textarea" rows="5" placeholder="Type here your message..."></textarea>\n                    <input type="email" class="realTimeFeedback-poll-input" placeholder="Enter email for a response (optional)" />\n                    <div class="realTimeFeedback-button realTimeFeedback-poll-button">${actionText}</div>\n                </div>\n                <div class="realTimeFeedback-poll-step2" data-realTimeFeedback-action="next">\n                    <div class="realTimeFeedback-poll-title">${thanks}</div>\n                    <div class="realTimeFeedback-button realTimeFeedback-poll-button-close">${thanksButton}</div>\n                </div>\n            </div>\n            <div class="realTimeFeedback-poll-close" data-realTimeFeedback-action="close">\n                <svg height="11" width="11" xmlns="http://www.w3.org/2000/svg">\n                    <line x1="0" y1="11" x2="11" y2="0" stroke-width="2"/>\n                    <line x1="0" y1="0" x2="11" y2="11" stroke-width="2"/>\n                </svg>\n            </div>\n        </div>',css:{".realTimeFeedback-poll":{"border-radius":"4px 5px 0 0","z-index":2147483647,background:"rgb(60, 60, 60)",position:"fixed","max-width":"350px",width:"100%","box-shadow":"0 0 14px 3px rgba(0, 0, 0, 0.38)","font-family":'-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif',"font-weight":400,"line-height":1.4,color:"rgb(255, 255, 255)"},".realTimeFeedback-poll-body":{margin:"18px 13px 18px 13px"},".realTimeFeedback-poll-step1":{display:"flex","flex-direction":"column"},".realTimeFeedback-poll-title":{"max-width":"100%","text-align":"center",margin:"0 0 12px",padding:"0 20px","font-size":"15px","align-self":"center"},".realTimeFeedback-poll textarea.realTimeFeedback-poll-textarea":{color:"#585858",background:"#fff","font-family":"inherit","font-size":"13px","line-height":"inherit","font-weight":"inherit",padding:"9px 10px",resize:"none",width:"100%",border:"1px solid #3c3c3c","border-radius":"4px"},".realTimeFeedback-poll input.realTimeFeedback-poll-input":{color:"#585858",background:"#fff",width:"100%",padding:"0 10px",margin:"5px 0 0 0",border:"1px solid #3c3c3c","font-family":"inherit","font-size":"13px","line-height":"inherit","font-weight":"inherit",height:"36px","border-radius":"4px"},".realTimeFeedback-poll-button":{"-webkit-user-select":"none","-moz-user-select":"none","-ms-user-select":"none","user-select":"none","text-align":"center",cursor:"default",color:"rgba(255, 255, 255, 0.25)",padding:"10px 18px",background:"#545454","border-radius":"4px","font-size":"13px",margin:"18px 1px 0 0",transition:"background .3s, color .3s","align-self":"flex-end"},".realTimeFeedback-poll-button--active":{cursor:"pointer",color:"#fff",background:"#2b882b"},".realTimeFeedback-poll-step2":{display:"none","flex-direction":"column","align-items":"center","justify-content":"center",padding:"12px 0 6px"},".realTimeFeedback-poll-button-close":{cursor:"pointer",padding:"10px 18px",background:"#616161",color:"#fff","border-radius":"4px","font-size":"13px",margin:"5px 0 0 0"},".realTimeFeedback-poll-button-close:hover":{opacity:.9},".realTimeFeedback-poll-button--active:hover":{opacity:.9},".realTimeFeedback-poll-close":{display:"flex",position:"absolute",right:"8px",top:"8px",padding:"5px",cursor:"pointer",stroke:"#888"},".realTimeFeedback-poll-close:hover":{stroke:"#ccc"}},data:{position:"bottom-left",animation:"slideUp",title:"Would love to hear your feedback!",actionText:"Send Message",thanks:"Thank you for answering this poll. Your feedback is appreciated!",thanksButton:"Close"},name:"poll"},I={workflows:{"rageclicks-poll":{start:{name:"rage"},end:W},"wastedClick-poll":{start:{name:"wastedClick"},end:W},"frustration-poll":{start:{name:"frustration"},end:W}}};var j=function(){function n(e,t){a(this,n),console.log("workflow - start ["+e+"]"),this.id=e,(this.opts=t).start.name||t.end.name?(this.storageWorkflow=S.workflows[e],this.storageWorkflow||(this.storageWorkflow=S.workflows[e]=[{done:0}],E()),this.run()):console.log("workflow - finished with no trigger and action")}return r(n,[{key:"run",value:function(){var t=this;this.storageData=this.storageWorkflow[this.storageWorkflow.length-1],Promise.resolve(this.processEvent("start")).then(this.processEvent.bind(this,"end")).then(function(){t.nodeInstance=null,t.storageData.done=1,console.log("workflow - end"),t.storageWorkflow.push({done:0}),function(){if(_()){var n=[],e=S.workflows;Object.entries(e).forEach(function(e){var t=p(e,2);t[0],t[1].forEach(function(e){var t={};1===e.done&&(t.browser=o.browser,t.os=o.os,t.resolution=o.resolution,t.startData=e.start.data,e.end&&(t.endData=e.end.data),t.page=e.page,t.target=e.target||"",n.push(t),e.done=2)})}),0!==n.length&&(jQuery.post(window.ajaxurl,{action:"savePoll",nonce:window._realTimeFeedbackAjax,data:n}),E())}}(),E(),t.run()}).catch(function(e){t.stop(),t.nodeInstance=null,console.log("catch run",e)})}},{key:"processEvent",value:function(e){var t=this.opts[e];if(t.name)return this.nodeInstance=new C[t.name](t,this.storageData,e),this.nodeInstance.promise}},{key:"stop",value:function(){this.nodeInstance&&this.nodeInstance.cancel()}}]),n}(),A=[];var P,N=!1,B=document.body,M=document.documentElement;function L(e){var t,n,o,a,r,i,l,s,c,d,u=p(e,2),m=u[0],f=u[1];"poll-data"===m&&(n=(t=f).position,o=t.animation,a=t.title,r=t.actionText,i=t.thanks,l=t.thanksButton,s=t.background,c=t.font,d=t.color,W.data.position=n,W.data.animation=o,W.data.title=a,W.data.actionText=r,W.data.thanks=i,W.data.thanksButton=l,W.css[".realTimeFeedback-poll"].background=s,W.css[".realTimeFeedback-poll"]["font-family"]=c,W.css[".realTimeFeedback-poll"].color=d)}function $(){window.addEventListener("focus",function(){console.log("tab got focus 1"),_()||(console.log("tab got focus 2"),q())})}function q(){var e=0<arguments.length&&void 0!==arguments[0]&&arguments[0];O(),e&&$(),v("pauseWidget",function(){console.log("workflows - stop"),A.forEach(function(e){e.stop()}),A=[],N=!0},!0),console.log("workflows - start"),Object.entries(I.workflows).forEach(function(e){var t=p(e,2),n=t[0],o=t[1];A.push(new j(n,o))}),function(){if(!N){B.addEventListener("click",function(e){var t=e.target,n=t.parentNode;F("bodyClick",{e:e,target:t,parent:n,grandParent:n?n.parentNode:null,time:Date.now(),pageX:e.pageX,pageY:e.pageY}),E()});var t=!1;window.addEventListener("scroll",function(e){t||(window.requestAnimationFrame(function(){F("scroll",{e:e,time:Date.now(),pageYOffset:window.pageYOffset,scrollHeight:B.scrollHeight,clientHeight:M.clientHeight}),E(),t=!1}),t=!0)})}}()}return e&&((P=document.createElement("style")).type="text/css",P.id="realTimeFeedback-custom-css",P.innerHTML=".realTimeFeedback,.realTimeFeedback *{box-sizing:border-box}.realTimeFeedback :focus{outline:none}.realTimeFeedback{will-change:transform, opacity}.realTimeFeedback-position-bottom{bottom:0}.realTimeFeedback-position-top{top:0}.realTimeFeedback-position-bottom-left{bottom:0;left:175px}.realTimeFeedback-position-bottom-right{bottom:0;right:175px}@media screen and (max-width: 700px){.realTimeFeedback-position-bottom-right{right:calc(50% - 175px)}.realTimeFeedback-position-bottom-left{left:calc(50% - 175px)}}@media screen and (max-width: 350px){.realTimeFeedback-position-bottom-right{right:0}.realTimeFeedback-position-bottom-left{left:0}}.realTimeFeedback-animation-fadeIn{-webkit-animation:realTimeFeedback-keyframes-fadeIn .7s ease-in-out both;animation:realTimeFeedback-keyframes-fadeIn .7s ease-in-out both}@-webkit-keyframes realTimeFeedback-keyframes-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes realTimeFeedback-keyframes-fadeIn{0%{opacity:0}100%{opacity:1}}.realTimeFeedback-animation-slideUp{-webkit-animation:realTimeFeedback-keyframes-slideUp .7s ease-in-out both;animation:realTimeFeedback-keyframes-slideUp .7s ease-in-out both}@-webkit-keyframes realTimeFeedback-keyframes-slideUp{0%{-webkit-transform:translateY(150%)}100%{-webkit-transform:translateY(0)}}@keyframes realTimeFeedback-keyframes-slideUp{0%{transform:translateY(150%)}100%{transform:translateY(0)}}",document.head.appendChild(P),Array.isArray(window._realTimeFeedback)&&window._realTimeFeedback.forEach(function(e){L(e)}),document.hasFocus()?(console.log("tab is focused"),q(!0)):(console.log("tab is NOT focused"),$())),{push:L}}();
  • usability-feedback/trunk/admin/css/main.css

    r1912544 r1915924  
    296296  width: 100%;
    297297  height: 100%; }
    298   .usbfdbadmin-preview-wrap .usabilityFeedback {
     298  .usbfdbadmin-preview-wrap .realTimeFeedback {
    299299    position: absolute !important; }
    300300
     
    774774  background: white; }
    775775
    776 .usabilityFeedback,
    777 .usabilityFeedback * {
     776.realTimeFeedback,
     777.realTimeFeedback * {
    778778  -webkit-box-sizing: border-box;
    779779          box-sizing: border-box; }
    780780
    781 .usabilityFeedback :focus {
     781.realTimeFeedback :focus {
    782782  outline: none; }
    783783
    784 .usabilityFeedback {
     784.realTimeFeedback {
    785785  will-change: transform, opacity; }
    786786
    787 .usabilityFeedback-position-bottom {
     787.realTimeFeedback-position-bottom {
    788788  bottom: 0; }
    789789
    790 .usabilityFeedback-position-top {
     790.realTimeFeedback-position-top {
    791791  top: 0; }
    792792
    793 .usabilityFeedback-position-bottom-left {
     793.realTimeFeedback-position-bottom-left {
    794794  bottom: 0;
    795795  left: 175px; }
    796796
    797 .usabilityFeedback-position-bottom-right {
     797.realTimeFeedback-position-bottom-right {
    798798  bottom: 0;
    799799  right: 175px; }
    800800
    801801@media screen and (max-width: 700px) {
    802   .usabilityFeedback-position-bottom-right {
     802  .realTimeFeedback-position-bottom-right {
    803803    right: calc(50% - 175px); }
    804   .usabilityFeedback-position-bottom-left {
     804  .realTimeFeedback-position-bottom-left {
    805805    left: calc(50% - 175px); } }
    806806
    807807@media screen and (max-width: 350px) {
    808   .usabilityFeedback-position-bottom-right {
     808  .realTimeFeedback-position-bottom-right {
    809809    right: 0; }
    810   .usabilityFeedback-position-bottom-left {
     810  .realTimeFeedback-position-bottom-left {
    811811    left: 0; } }
    812812
    813 .usabilityFeedback-animation-fadeIn {
    814   -webkit-animation: usabilityFeedback-keyframes-fadeIn .7s ease-in-out both;
    815   animation: usabilityFeedback-keyframes-fadeIn .7s ease-in-out both; }
    816 
    817 @-webkit-keyframes usabilityFeedback-keyframes-fadeIn {
     813.realTimeFeedback-animation-fadeIn {
     814  -webkit-animation: realTimeFeedback-keyframes-fadeIn .7s ease-in-out both;
     815  animation: realTimeFeedback-keyframes-fadeIn .7s ease-in-out both; }
     816
     817@-webkit-keyframes realTimeFeedback-keyframes-fadeIn {
    818818  0% {
    819819    opacity: 0; }
     
    821821    opacity: 1; } }
    822822
    823 @keyframes usabilityFeedback-keyframes-fadeIn {
     823@keyframes realTimeFeedback-keyframes-fadeIn {
    824824  0% {
    825825    opacity: 0; }
     
    827827    opacity: 1; } }
    828828
    829 .usabilityFeedback-animation-slideUp {
    830   -webkit-animation: usabilityFeedback-keyframes-slideUp .7s ease-in-out both;
    831   animation: usabilityFeedback-keyframes-slideUp .7s ease-in-out both; }
    832 
    833 @-webkit-keyframes usabilityFeedback-keyframes-slideUp {
     829.realTimeFeedback-animation-slideUp {
     830  -webkit-animation: realTimeFeedback-keyframes-slideUp .7s ease-in-out both;
     831  animation: realTimeFeedback-keyframes-slideUp .7s ease-in-out both; }
     832
     833@-webkit-keyframes realTimeFeedback-keyframes-slideUp {
    834834  0% {
    835835    -webkit-transform: translateY(150%); }
     
    837837    -webkit-transform: translateY(0); } }
    838838
    839 @keyframes usabilityFeedback-keyframes-slideUp {
     839@keyframes realTimeFeedback-keyframes-slideUp {
    840840  0% {
    841841    -webkit-transform: translateY(150%);
  • usability-feedback/trunk/admin/css/main1.0.0.css

    r1912544 r1915924  
    1 .usbfdbadmin{font-size:14px;line-height:1.5;color:#4a4a4a;padding:0 20px 20px 0}.usbfdbadmin .wp-heading-inline{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.usbfdbadmin-link{margin-left:20px;padding:4px 8px;text-decoration:none;border:none;border:1px solid #ccc;border-radius:2px;background:#f7f7f7;text-shadow:none;font-weight:600;font-size:13px;line-height:normal;color:#0073aa;cursor:pointer;outline:0;margin-top:3px}.usbfdbadmin-table{text-align:left;background:#fff;border:1px solid #e5e5e5;width:100%}.usbfdbadmin-table th{border-bottom:1px solid #e1e1e1;padding:14px 8px;font-size:15px;font-weight:600}.usbfdbadmin-table td{padding:10px 8px}.usbfdbadmin-button{background-color:#0073aa;padding:8px 16px;border-radius:4px;color:#fff;text-decoration:none;font-size:13px;cursor:pointer;border:0}.usbfdbadmin-button:hover{background-color:#168ac1;color:#fff}.usbfdbadmin-button[disabled]{cursor:not-allowed;background:#a1b2bb;color:#f1f1f1}.usbfdbadmin-form-save{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-top:30px}.usbfdbadmin-form-saveMessage{position:absolute;right:-10px;font-size:12px;top:100%;color:#e63737;text-decoration:underline;margin-top:3px}.usbfdbadmin-button[disabled]+.usbfdbadmin-form-saveMessage{display:none}.usbfdbadmin-form-select{border:1px solid #cacaca}.usbfdbadmin-form-input,.usbfdbadmin-spectrum{border:1px solid #cacaca}.insight-type{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:15px}.insight-type-analytics{font-size:13px}.usbfdbadmin-tooltip{position:relative;z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:center;align-self:center;margin-left:7px;padding:1px 2px 0;cursor:auto}.usbfdbadmin-tooltip:before{content:'';width:15px;height:15px;cursor:help;z-index:1;background:url(../img/info.svg) no-repeat}.usbfdbadmin-tooltip-info{line-height:1.4;color:#787878;font-size:13px;opacity:0;pointer-events:none;position:absolute;z-index:0;bottom:24px;background:#fff;padding:10px 12px;width:250px;border:1px solid #d8d8d8;border-radius:4px;left:50%;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0);-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;-webkit-filter:drop-shadow(0 2px 6px #e6e6e6);filter:drop-shadow(0 2px 6px #e6e6e6)}.usbfdbadmin-tooltip-info:before{content:'';position:absolute;width:100%;height:29px;bottom:-29px;left:0;-webkit-clip-path:polygon(0 0, 50% 105%, 100% 0);clip-path:polygon(0 0, 50% 105%, 100% 0)}.usbfdbadmin-tooltip-info:after{content:'';position:absolute;background-color:inherit;width:8px;height:8px;margin:0 auto;left:0;right:0;bottom:-5px;border-style:solid;border-color:inherit;border-width:0 1px 1px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.usbfdbadmin-tooltip:hover .usbfdbadmin-tooltip-info{pointer-events:auto;opacity:1}.usbfdbadmin-tabstats{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-bottom:30px;width:70%}.usbfdbadmin-tabstats-header{width:30%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border:1px solid #eaeaea}.usbfdbadmin-tabstats-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;color:#30a1e6;line-height:36px;border-bottom:1px solid #e6e6e6;cursor:pointer;padding-left:15px;background-color:#fff}.usbfdbadmin-tabstats-title:last-child{border-width:0}.usbfdbadmin-tabstats-title[data-active]{background-color:#f1f1f1}.usbfdbadmin-tabstats-title[data-active]:after{content:"";position:absolute;right:12px;top:calc(50% - 5px);width:0;height:0;border-style:solid;border-width:5px 0 5px 5px;border-color:transparent transparent transparent #30a1e6}.usbfdbadmin-tabstats-title:hover{text-decoration:underline}.usbfdbadmin-tabstats-body{width:70%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-left:15px;border:1px solid #eaeaea}.usbfdbadmin-tabstats-body-item{display:none}.usbfdbadmin-tabstats-body-item[data-active]{display:block}.usbfdbadmin-tabstats-row{display:-webkit-box;display:-ms-flexbox;display:flex;padding:9px 12px;border-bottom:1px solid #eaeaea}.usbfdbadmin-tabstats-row:last-child{border-width:0}.usbfdbadmin-tabstats-row--stripe{background-color:#f9f9f9}.usbfdbadmin-tabstats-content{margin-left:5px;word-break:break-all}.usbfdbadmin-tabstats-value{padding-left:15px;margin-left:auto}.usbfdbadmin-preview-container{display:-webkit-box;display:-ms-flexbox;display:flex}.usbfdbadmin-form{width:35%;padding-right:30px}.usbfdbadmin-form-section{width:100%;margin-bottom:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.usbfdbadmin-form-section label{width:30%;line-height:42px}.usbfdbadmin-form-section input{width:70%;line-height:32px}.usbfdbadmin-form-section select{width:70%;line-height:40px;height:40px;cursor:pointer}.usbfdbadmin-preview{width:75%;position:relative;overflow:hidden}.usbfdbadmin-preview h2{text-align:center;margin:0 0 10px 0}.usbfdbadmin-preview-wrap{background:url(../img/preview-bg.png);width:100%;height:100%}.usbfdbadmin-preview-wrap .usabilityFeedback{position:absolute !important}.sp-container{position:absolute;top:0;left:0;display:inline-block;*display:inline;*zoom:1;z-index:9999994;overflow:hidden}.sp-container.sp-flat{position:relative}.sp-container,.sp-container *{-webkit-box-sizing:content-box;box-sizing:content-box}.sp-top{position:relative;width:100%;display:inline-block}.sp-top-inner{position:absolute;top:0;left:0;bottom:0;right:0}.sp-color{position:absolute;top:0;left:0;bottom:0;right:20%}.sp-hue{position:absolute;top:0;right:0;bottom:0;left:84%;height:100%}.sp-clear-enabled .sp-hue{top:33px;height:77.5%}.sp-fill{padding-top:80%}.sp-sat,.sp-val{position:absolute;top:0;left:0;right:0;bottom:0}.sp-alpha-enabled .sp-top{margin-bottom:18px}.sp-alpha-enabled .sp-alpha{display:block}.sp-alpha-handle{position:absolute;top:-4px;bottom:-4px;width:6px;left:50%;cursor:pointer;border:1px solid black;background:white;opacity:.8}.sp-alpha{display:none;position:absolute;bottom:-14px;right:0;left:0;height:8px}.sp-alpha-inner{border:solid 1px #333}.sp-clear{display:none}.sp-clear.sp-clear-display{background-position:center}.sp-clear-enabled .sp-clear{display:block;position:absolute;top:0px;right:0;bottom:0;left:84%;height:28px}.sp-container,.sp-replacer,.sp-preview,.sp-dragger,.sp-slider,.sp-alpha,.sp-clear,.sp-alpha-handle,.sp-container.sp-dragging .sp-input,.sp-container button{-webkit-user-select:none;-moz-user-select:-moz-none;-o-user-select:none;-ms-user-select:none;user-select:none}.sp-container.sp-input-disabled .sp-input-container{display:none}.sp-container.sp-buttons-disabled .sp-button-container{display:none}.sp-container.sp-palette-buttons-disabled .sp-palette-button-container{display:none}.sp-palette-only .sp-picker-container{display:none}.sp-palette-disabled .sp-palette-container{display:none}.sp-initial-disabled .sp-initial{display:none}.sp-sat{background-image:-o-linear-gradient(left, #fff, rgba(204,154,129,0));background-image:-webkit-gradient(linear, left top, right top, from(#fff), to(rgba(204,154,129,0)));background-image:linear-gradient(to right, #fff, rgba(204,154,129,0));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";filter:progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81')}.sp-val{background-image:-o-linear-gradient(bottom, #000, rgba(204,154,129,0));background-image:-webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(204,154,129,0)));background-image:linear-gradient(to top, #000, rgba(204,154,129,0));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000')}.sp-hue{background:-o-linear-gradient(top, red 0%, #ff0 17%, lime 33%, cyan 50%, blue 67%, #f0f 83%, red 100%);background:-webkit-gradient(linear, left top, left bottom, from(red), color-stop(17%, #ff0), color-stop(33%, lime), color-stop(50%, cyan), color-stop(67%, blue), color-stop(83%, #f0f), to(red));background:linear-gradient(to bottom, red 0%, #ff0 17%, lime 33%, cyan 50%, blue 67%, #f0f 83%, red 100%)}.sp-1{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00')}.sp-2{height:16%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00')}.sp-3{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff')}.sp-4{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff')}.sp-5{height:16%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff')}.sp-6{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000')}.sp-hidden{display:none !important}.sp-cf:before,.sp-cf:after{content:"";display:table}.sp-cf:after{clear:both}.sp-cf{*zoom:1}@media (max-device-width: 480px){.sp-color{right:40%}.sp-hue{left:63%}.sp-fill{padding-top:60%}}.sp-dragger{border-radius:4px;height:5px;width:5px;border:1px solid #fff;background:#000;cursor:pointer;position:absolute;top:0;left:0}.sp-slider{position:absolute;top:0;cursor:pointer;height:3px;left:-1px;right:-1px;border:1px solid #000;background:white;opacity:.8}.sp-container{border-radius:0;background-color:#ECECEC;border:solid 1px #f0c49B;padding:0}.sp-container,.sp-container button,.sp-container input,.sp-color,.sp-hue,.sp-clear{font:normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.sp-top{margin-bottom:3px}.sp-color,.sp-hue,.sp-clear{border:solid 1px #666}.sp-input-container{float:right;width:100px;margin-bottom:4px}.sp-initial-disabled .sp-input-container{width:100%}.sp-input{font-size:12px !important;border:1px inset;padding:4px 5px;margin:0;width:100%;background:transparent;border-radius:4px;color:#222}.sp-input:focus{border:1px solid orange}.sp-input.sp-validation-error{border:1px solid red;background:#fdd}.sp-picker-container,.sp-palette-container{float:left;position:relative;padding:10px;padding-bottom:300px;margin-bottom:-290px}.sp-picker-container{width:172px;border-left:solid 1px #fff}.sp-palette-container{border-right:solid 1px #ccc}.sp-palette-only .sp-palette-container{border:0}.sp-palette .sp-thumb-el{display:block;position:relative;float:left;width:24px;height:15px;margin:3px;cursor:pointer;border:solid 2px transparent}.sp-palette .sp-thumb-el:hover,.sp-palette .sp-thumb-el.sp-thumb-active{border-color:orange}.sp-thumb-el{position:relative}.sp-initial{float:left;border:solid 1px #333}.sp-initial span{width:30px;height:25px;border:none;display:block;float:left;margin:0}.sp-initial .sp-clear-display{background-position:center}.sp-palette-button-container,.sp-button-container{float:right}.sp-replacer{margin:0;overflow:hidden;cursor:pointer;padding:4px;display:inline-block;*zoom:1;*display:inline;border:solid 1px #91765d;background:#eee;color:#333;vertical-align:middle}.sp-replacer:hover,.sp-replacer.sp-active{border-color:#F0C49B;color:#111}.sp-replacer.sp-disabled{cursor:default;border-color:silver;color:silver}.sp-dd{padding:2px 0;height:16px;line-height:16px;float:left;font-size:10px}.sp-preview{position:relative;width:25px;height:20px;border:solid 1px #222;margin-right:5px;float:left;z-index:0}.sp-palette{*width:220px;max-width:220px}.sp-palette .sp-thumb-el{width:16px;height:16px;margin:2px 1px;border:solid 1px #d0d0d0}.sp-container{padding-bottom:0}.sp-container button{background-color:#eeeeee;background-image:-o-linear-gradient(top, #eee, #ccc);background-image:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));background-image:linear-gradient(to bottom, #eee, #ccc);border:1px solid #ccc;border-bottom:1px solid #bbb;border-radius:4px;color:#333;font-size:14px;line-height:1;padding:5px 4px;text-align:center;text-shadow:0 1px 0 #eee;vertical-align:middle}.sp-container button:hover{background-color:#dddddd;background-image:-o-linear-gradient(top, #ddd, #bbb);background-image:-webkit-gradient(linear, left top, left bottom, from(#ddd), to(#bbb));background-image:linear-gradient(to bottom, #ddd, #bbb);border:1px solid #bbb;border-bottom:1px solid #999;cursor:pointer;text-shadow:0 1px 0 #ddd}.sp-container button:active{border:1px solid #aaa;border-bottom:1px solid #888;-webkit-box-shadow:inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;-ms-box-shadow:inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;-o-box-shadow:inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;box-shadow:inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee}.sp-cancel{font-size:11px;color:#d93f3f !important;margin:0;padding:2px;margin-right:5px;vertical-align:middle;text-decoration:none}.sp-cancel:hover{color:#d93f3f !important;text-decoration:underline}.sp-palette span:hover,.sp-palette span.sp-thumb-active{border-color:#000}.sp-preview,.sp-alpha,.sp-thumb-el{position:relative;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.sp-preview-inner,.sp-alpha-inner,.sp-thumb-inner{display:block;position:absolute;top:0;left:0;bottom:0;right:0}.sp-palette .sp-thumb-inner{background-position:50% 50%;background-repeat:no-repeat}.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=)}.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=)}.sp-clear-display{background-repeat:no-repeat;background-position:center;background-image:url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==)}.sp-picker-container{width:230px}.sp-input-container{width:160px}.sp-input{border:1px solid #ccc;background:#fff}.usabilityFeedback,.usabilityFeedback *{-webkit-box-sizing:border-box;box-sizing:border-box}.usabilityFeedback :focus{outline:none}.usabilityFeedback{will-change:transform, opacity}.usabilityFeedback-position-bottom{bottom:0}.usabilityFeedback-position-top{top:0}.usabilityFeedback-position-bottom-left{bottom:0;left:175px}.usabilityFeedback-position-bottom-right{bottom:0;right:175px}@media screen and (max-width: 700px){.usabilityFeedback-position-bottom-right{right:calc(50% - 175px)}.usabilityFeedback-position-bottom-left{left:calc(50% - 175px)}}@media screen and (max-width: 350px){.usabilityFeedback-position-bottom-right{right:0}.usabilityFeedback-position-bottom-left{left:0}}.usabilityFeedback-animation-fadeIn{-webkit-animation:usabilityFeedback-keyframes-fadeIn .7s ease-in-out both;animation:usabilityFeedback-keyframes-fadeIn .7s ease-in-out both}@-webkit-keyframes usabilityFeedback-keyframes-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes usabilityFeedback-keyframes-fadeIn{0%{opacity:0}100%{opacity:1}}.usabilityFeedback-animation-slideUp{-webkit-animation:usabilityFeedback-keyframes-slideUp .7s ease-in-out both;animation:usabilityFeedback-keyframes-slideUp .7s ease-in-out both}@-webkit-keyframes usabilityFeedback-keyframes-slideUp{0%{-webkit-transform:translateY(150%)}100%{-webkit-transform:translateY(0)}}@keyframes usabilityFeedback-keyframes-slideUp{0%{-webkit-transform:translateY(150%);transform:translateY(150%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}
     1.usbfdbadmin{font-size:14px;line-height:1.5;color:#4a4a4a;padding:0 20px 20px 0}.usbfdbadmin .wp-heading-inline{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.usbfdbadmin-link{margin-left:20px;padding:4px 8px;text-decoration:none;border:none;border:1px solid #ccc;border-radius:2px;background:#f7f7f7;text-shadow:none;font-weight:600;font-size:13px;line-height:normal;color:#0073aa;cursor:pointer;outline:0;margin-top:3px}.usbfdbadmin-table{text-align:left;background:#fff;border:1px solid #e5e5e5;width:100%}.usbfdbadmin-table th{border-bottom:1px solid #e1e1e1;padding:14px 8px;font-size:15px;font-weight:600}.usbfdbadmin-table td{padding:10px 8px}.usbfdbadmin-button{background-color:#0073aa;padding:8px 16px;border-radius:4px;color:#fff;text-decoration:none;font-size:13px;cursor:pointer;border:0}.usbfdbadmin-button:hover{background-color:#168ac1;color:#fff}.usbfdbadmin-button[disabled]{cursor:not-allowed;background:#a1b2bb;color:#f1f1f1}.usbfdbadmin-form-save{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-top:30px}.usbfdbadmin-form-saveMessage{position:absolute;right:-10px;font-size:12px;top:100%;color:#e63737;text-decoration:underline;margin-top:3px}.usbfdbadmin-button[disabled]+.usbfdbadmin-form-saveMessage{display:none}.usbfdbadmin-form-select{border:1px solid #cacaca}.usbfdbadmin-form-input,.usbfdbadmin-spectrum{border:1px solid #cacaca}.insight-type{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:15px}.insight-type-analytics{font-size:13px}.usbfdbadmin-tooltip{position:relative;z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:center;align-self:center;margin-left:7px;padding:1px 2px 0;cursor:auto}.usbfdbadmin-tooltip:before{content:'';width:15px;height:15px;cursor:help;z-index:1;background:url(../img/info.svg) no-repeat}.usbfdbadmin-tooltip-info{line-height:1.4;color:#787878;font-size:13px;opacity:0;pointer-events:none;position:absolute;z-index:0;bottom:24px;background:#fff;padding:10px 12px;width:250px;border:1px solid #d8d8d8;border-radius:4px;left:50%;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0);-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;-webkit-filter:drop-shadow(0 2px 6px #e6e6e6);filter:drop-shadow(0 2px 6px #e6e6e6)}.usbfdbadmin-tooltip-info:before{content:'';position:absolute;width:100%;height:29px;bottom:-29px;left:0;-webkit-clip-path:polygon(0 0, 50% 105%, 100% 0);clip-path:polygon(0 0, 50% 105%, 100% 0)}.usbfdbadmin-tooltip-info:after{content:'';position:absolute;background-color:inherit;width:8px;height:8px;margin:0 auto;left:0;right:0;bottom:-5px;border-style:solid;border-color:inherit;border-width:0 1px 1px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.usbfdbadmin-tooltip:hover .usbfdbadmin-tooltip-info{pointer-events:auto;opacity:1}.usbfdbadmin-tabstats{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-bottom:30px;width:70%}.usbfdbadmin-tabstats-header{width:30%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border:1px solid #eaeaea}.usbfdbadmin-tabstats-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;color:#30a1e6;line-height:36px;border-bottom:1px solid #e6e6e6;cursor:pointer;padding-left:15px;background-color:#fff}.usbfdbadmin-tabstats-title:last-child{border-width:0}.usbfdbadmin-tabstats-title[data-active]{background-color:#f1f1f1}.usbfdbadmin-tabstats-title[data-active]:after{content:"";position:absolute;right:12px;top:calc(50% - 5px);width:0;height:0;border-style:solid;border-width:5px 0 5px 5px;border-color:transparent transparent transparent #30a1e6}.usbfdbadmin-tabstats-title:hover{text-decoration:underline}.usbfdbadmin-tabstats-body{width:70%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-left:15px;border:1px solid #eaeaea}.usbfdbadmin-tabstats-body-item{display:none}.usbfdbadmin-tabstats-body-item[data-active]{display:block}.usbfdbadmin-tabstats-row{display:-webkit-box;display:-ms-flexbox;display:flex;padding:9px 12px;border-bottom:1px solid #eaeaea}.usbfdbadmin-tabstats-row:last-child{border-width:0}.usbfdbadmin-tabstats-row--stripe{background-color:#f9f9f9}.usbfdbadmin-tabstats-content{margin-left:5px;word-break:break-all}.usbfdbadmin-tabstats-value{padding-left:15px;margin-left:auto}.usbfdbadmin-preview-container{display:-webkit-box;display:-ms-flexbox;display:flex}.usbfdbadmin-form{width:35%;padding-right:30px}.usbfdbadmin-form-section{width:100%;margin-bottom:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.usbfdbadmin-form-section label{width:30%;line-height:42px}.usbfdbadmin-form-section input{width:70%;line-height:32px}.usbfdbadmin-form-section select{width:70%;line-height:40px;height:40px;cursor:pointer}.usbfdbadmin-preview{width:75%;position:relative;overflow:hidden}.usbfdbadmin-preview h2{text-align:center;margin:0 0 10px 0}.usbfdbadmin-preview-wrap{background:url(../img/preview-bg.png);width:100%;height:100%}.usbfdbadmin-preview-wrap .realTimeFeedback{position:absolute !important}.sp-container{position:absolute;top:0;left:0;display:inline-block;*display:inline;*zoom:1;z-index:9999994;overflow:hidden}.sp-container.sp-flat{position:relative}.sp-container,.sp-container *{-webkit-box-sizing:content-box;box-sizing:content-box}.sp-top{position:relative;width:100%;display:inline-block}.sp-top-inner{position:absolute;top:0;left:0;bottom:0;right:0}.sp-color{position:absolute;top:0;left:0;bottom:0;right:20%}.sp-hue{position:absolute;top:0;right:0;bottom:0;left:84%;height:100%}.sp-clear-enabled .sp-hue{top:33px;height:77.5%}.sp-fill{padding-top:80%}.sp-sat,.sp-val{position:absolute;top:0;left:0;right:0;bottom:0}.sp-alpha-enabled .sp-top{margin-bottom:18px}.sp-alpha-enabled .sp-alpha{display:block}.sp-alpha-handle{position:absolute;top:-4px;bottom:-4px;width:6px;left:50%;cursor:pointer;border:1px solid black;background:white;opacity:.8}.sp-alpha{display:none;position:absolute;bottom:-14px;right:0;left:0;height:8px}.sp-alpha-inner{border:solid 1px #333}.sp-clear{display:none}.sp-clear.sp-clear-display{background-position:center}.sp-clear-enabled .sp-clear{display:block;position:absolute;top:0px;right:0;bottom:0;left:84%;height:28px}.sp-container,.sp-replacer,.sp-preview,.sp-dragger,.sp-slider,.sp-alpha,.sp-clear,.sp-alpha-handle,.sp-container.sp-dragging .sp-input,.sp-container button{-webkit-user-select:none;-moz-user-select:-moz-none;-o-user-select:none;-ms-user-select:none;user-select:none}.sp-container.sp-input-disabled .sp-input-container{display:none}.sp-container.sp-buttons-disabled .sp-button-container{display:none}.sp-container.sp-palette-buttons-disabled .sp-palette-button-container{display:none}.sp-palette-only .sp-picker-container{display:none}.sp-palette-disabled .sp-palette-container{display:none}.sp-initial-disabled .sp-initial{display:none}.sp-sat{background-image:-o-linear-gradient(left, #fff, rgba(204,154,129,0));background-image:-webkit-gradient(linear, left top, right top, from(#fff), to(rgba(204,154,129,0)));background-image:linear-gradient(to right, #fff, rgba(204,154,129,0));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";filter:progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81')}.sp-val{background-image:-o-linear-gradient(bottom, #000, rgba(204,154,129,0));background-image:-webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(204,154,129,0)));background-image:linear-gradient(to top, #000, rgba(204,154,129,0));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000')}.sp-hue{background:-o-linear-gradient(top, red 0%, #ff0 17%, lime 33%, cyan 50%, blue 67%, #f0f 83%, red 100%);background:-webkit-gradient(linear, left top, left bottom, from(red), color-stop(17%, #ff0), color-stop(33%, lime), color-stop(50%, cyan), color-stop(67%, blue), color-stop(83%, #f0f), to(red));background:linear-gradient(to bottom, red 0%, #ff0 17%, lime 33%, cyan 50%, blue 67%, #f0f 83%, red 100%)}.sp-1{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00')}.sp-2{height:16%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00')}.sp-3{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff')}.sp-4{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff')}.sp-5{height:16%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff')}.sp-6{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000')}.sp-hidden{display:none !important}.sp-cf:before,.sp-cf:after{content:"";display:table}.sp-cf:after{clear:both}.sp-cf{*zoom:1}@media (max-device-width: 480px){.sp-color{right:40%}.sp-hue{left:63%}.sp-fill{padding-top:60%}}.sp-dragger{border-radius:4px;height:5px;width:5px;border:1px solid #fff;background:#000;cursor:pointer;position:absolute;top:0;left:0}.sp-slider{position:absolute;top:0;cursor:pointer;height:3px;left:-1px;right:-1px;border:1px solid #000;background:white;opacity:.8}.sp-container{border-radius:0;background-color:#ECECEC;border:solid 1px #f0c49B;padding:0}.sp-container,.sp-container button,.sp-container input,.sp-color,.sp-hue,.sp-clear{font:normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.sp-top{margin-bottom:3px}.sp-color,.sp-hue,.sp-clear{border:solid 1px #666}.sp-input-container{float:right;width:100px;margin-bottom:4px}.sp-initial-disabled .sp-input-container{width:100%}.sp-input{font-size:12px !important;border:1px inset;padding:4px 5px;margin:0;width:100%;background:transparent;border-radius:4px;color:#222}.sp-input:focus{border:1px solid orange}.sp-input.sp-validation-error{border:1px solid red;background:#fdd}.sp-picker-container,.sp-palette-container{float:left;position:relative;padding:10px;padding-bottom:300px;margin-bottom:-290px}.sp-picker-container{width:172px;border-left:solid 1px #fff}.sp-palette-container{border-right:solid 1px #ccc}.sp-palette-only .sp-palette-container{border:0}.sp-palette .sp-thumb-el{display:block;position:relative;float:left;width:24px;height:15px;margin:3px;cursor:pointer;border:solid 2px transparent}.sp-palette .sp-thumb-el:hover,.sp-palette .sp-thumb-el.sp-thumb-active{border-color:orange}.sp-thumb-el{position:relative}.sp-initial{float:left;border:solid 1px #333}.sp-initial span{width:30px;height:25px;border:none;display:block;float:left;margin:0}.sp-initial .sp-clear-display{background-position:center}.sp-palette-button-container,.sp-button-container{float:right}.sp-replacer{margin:0;overflow:hidden;cursor:pointer;padding:4px;display:inline-block;*zoom:1;*display:inline;border:solid 1px #91765d;background:#eee;color:#333;vertical-align:middle}.sp-replacer:hover,.sp-replacer.sp-active{border-color:#F0C49B;color:#111}.sp-replacer.sp-disabled{cursor:default;border-color:silver;color:silver}.sp-dd{padding:2px 0;height:16px;line-height:16px;float:left;font-size:10px}.sp-preview{position:relative;width:25px;height:20px;border:solid 1px #222;margin-right:5px;float:left;z-index:0}.sp-palette{*width:220px;max-width:220px}.sp-palette .sp-thumb-el{width:16px;height:16px;margin:2px 1px;border:solid 1px #d0d0d0}.sp-container{padding-bottom:0}.sp-container button{background-color:#eeeeee;background-image:-o-linear-gradient(top, #eee, #ccc);background-image:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));background-image:linear-gradient(to bottom, #eee, #ccc);border:1px solid #ccc;border-bottom:1px solid #bbb;border-radius:4px;color:#333;font-size:14px;line-height:1;padding:5px 4px;text-align:center;text-shadow:0 1px 0 #eee;vertical-align:middle}.sp-container button:hover{background-color:#dddddd;background-image:-o-linear-gradient(top, #ddd, #bbb);background-image:-webkit-gradient(linear, left top, left bottom, from(#ddd), to(#bbb));background-image:linear-gradient(to bottom, #ddd, #bbb);border:1px solid #bbb;border-bottom:1px solid #999;cursor:pointer;text-shadow:0 1px 0 #ddd}.sp-container button:active{border:1px solid #aaa;border-bottom:1px solid #888;-webkit-box-shadow:inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;-ms-box-shadow:inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;-o-box-shadow:inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;box-shadow:inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee}.sp-cancel{font-size:11px;color:#d93f3f !important;margin:0;padding:2px;margin-right:5px;vertical-align:middle;text-decoration:none}.sp-cancel:hover{color:#d93f3f !important;text-decoration:underline}.sp-palette span:hover,.sp-palette span.sp-thumb-active{border-color:#000}.sp-preview,.sp-alpha,.sp-thumb-el{position:relative;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.sp-preview-inner,.sp-alpha-inner,.sp-thumb-inner{display:block;position:absolute;top:0;left:0;bottom:0;right:0}.sp-palette .sp-thumb-inner{background-position:50% 50%;background-repeat:no-repeat}.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=)}.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=)}.sp-clear-display{background-repeat:no-repeat;background-position:center;background-image:url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==)}.sp-picker-container{width:230px}.sp-input-container{width:160px}.sp-input{border:1px solid #ccc;background:#fff}.realTimeFeedback,.realTimeFeedback *{-webkit-box-sizing:border-box;box-sizing:border-box}.realTimeFeedback :focus{outline:none}.realTimeFeedback{will-change:transform, opacity}.realTimeFeedback-position-bottom{bottom:0}.realTimeFeedback-position-top{top:0}.realTimeFeedback-position-bottom-left{bottom:0;left:175px}.realTimeFeedback-position-bottom-right{bottom:0;right:175px}@media screen and (max-width: 700px){.realTimeFeedback-position-bottom-right{right:calc(50% - 175px)}.realTimeFeedback-position-bottom-left{left:calc(50% - 175px)}}@media screen and (max-width: 350px){.realTimeFeedback-position-bottom-right{right:0}.realTimeFeedback-position-bottom-left{left:0}}.realTimeFeedback-animation-fadeIn{-webkit-animation:realTimeFeedback-keyframes-fadeIn .7s ease-in-out both;animation:realTimeFeedback-keyframes-fadeIn .7s ease-in-out both}@-webkit-keyframes realTimeFeedback-keyframes-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes realTimeFeedback-keyframes-fadeIn{0%{opacity:0}100%{opacity:1}}.realTimeFeedback-animation-slideUp{-webkit-animation:realTimeFeedback-keyframes-slideUp .7s ease-in-out both;animation:realTimeFeedback-keyframes-slideUp .7s ease-in-out both}@-webkit-keyframes realTimeFeedback-keyframes-slideUp{0%{-webkit-transform:translateY(150%)}100%{-webkit-transform:translateY(0)}}@keyframes realTimeFeedback-keyframes-slideUp{0%{-webkit-transform:translateY(150%);transform:translateY(150%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}
  • usability-feedback/trunk/admin/js/main.js

    r1912544 r1915924  
    22692269
    22702270  var poll = {
    2271       html: "<div class=\"usabilityFeedback usabilityFeedback-poll usabilityFeedback-animation-${animation} usabilityFeedback-position-${position}\">\n            <div class=\"usabilityFeedback-poll-body\">\n                <div class=\"usabilityFeedback-poll-step1\">\n                    <div class=\"usabilityFeedback-poll-title\">${title}</div>\n                    <textarea class=\"usabilityFeedback-poll-textarea\" rows=\"5\" placeholder=\"Type here your message...\"></textarea>\n                    <input type=\"email\" class=\"usabilityFeedback-poll-input\" placeholder=\"Enter email for a response (optional)\" />\n                    <div class=\"usabilityFeedback-button usabilityFeedback-poll-button\">${actionText}</div>\n                </div>\n                <div class=\"usabilityFeedback-poll-step2\" data-usabilityFeedback-action=\"next\">\n                    <div class=\"usabilityFeedback-poll-title\">${thanks}</div>\n                    <div class=\"usabilityFeedback-button usabilityFeedback-poll-button-close\">${thanksButton}</div>\n                </div>\n            </div>\n            <div class=\"usabilityFeedback-poll-close\" data-usabilityFeedback-action=\"close\">\n                <svg height=\"11\" width=\"11\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <line x1=\"0\" y1=\"11\" x2=\"11\" y2=\"0\" stroke-width=\"2\"/>\n                    <line x1=\"0\" y1=\"0\" x2=\"11\" y2=\"11\" stroke-width=\"2\"/>\n                </svg>\n            </div>\n        </div>",
     2271      html: "<div class=\"realTimeFeedback realTimeFeedback-poll realTimeFeedback-animation-${animation} realTimeFeedback-position-${position}\">\n            <div class=\"realTimeFeedback-poll-body\">\n                <div class=\"realTimeFeedback-poll-step1\">\n                    <div class=\"realTimeFeedback-poll-title\">${title}</div>\n                    <textarea class=\"realTimeFeedback-poll-textarea\" rows=\"5\" placeholder=\"Type here your message...\"></textarea>\n                    <input type=\"email\" class=\"realTimeFeedback-poll-input\" placeholder=\"Enter email for a response (optional)\" />\n                    <div class=\"realTimeFeedback-button realTimeFeedback-poll-button\">${actionText}</div>\n                </div>\n                <div class=\"realTimeFeedback-poll-step2\" data-realTimeFeedback-action=\"next\">\n                    <div class=\"realTimeFeedback-poll-title\">${thanks}</div>\n                    <div class=\"realTimeFeedback-button realTimeFeedback-poll-button-close\">${thanksButton}</div>\n                </div>\n            </div>\n            <div class=\"realTimeFeedback-poll-close\" data-realTimeFeedback-action=\"close\">\n                <svg height=\"11\" width=\"11\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <line x1=\"0\" y1=\"11\" x2=\"11\" y2=\"0\" stroke-width=\"2\"/>\n                    <line x1=\"0\" y1=\"0\" x2=\"11\" y2=\"11\" stroke-width=\"2\"/>\n                </svg>\n            </div>\n        </div>",
    22722272      css: {
    2273           ".usabilityFeedback-poll": {
     2273          ".realTimeFeedback-poll": {
    22742274              "border-radius": "4px 5px 0 0",
    22752275              "z-index": 2147483647,
     
    22842284              "color": "rgb(255, 255, 255)"
    22852285          },
    2286           ".usabilityFeedback-poll-body": {
     2286          ".realTimeFeedback-poll-body": {
    22872287              "margin": "18px 13px 18px 13px"
    22882288          },
    2289           ".usabilityFeedback-poll-step1": {
     2289          ".realTimeFeedback-poll-step1": {
    22902290              "display": "flex",
    22912291              "flex-direction": "column"
    22922292          },
    2293           ".usabilityFeedback-poll-title": {
     2293          ".realTimeFeedback-poll-title": {
    22942294              "max-width": "100%",
    22952295              "text-align": "center",
     
    22992299              "align-self": "center"
    23002300          },
    2301           ".usabilityFeedback-poll textarea.usabilityFeedback-poll-textarea": {
     2301          ".realTimeFeedback-poll textarea.realTimeFeedback-poll-textarea": {
    23022302              "color": "#585858",
    23032303              "background": "#fff",
     
    23122312              "border-radius": "4px"
    23132313          },
    2314           ".usabilityFeedback-poll input.usabilityFeedback-poll-input": {
     2314          ".realTimeFeedback-poll input.realTimeFeedback-poll-input": {
    23152315              "color": "#585858",
    23162316              "background": "#fff",
     
    23262326              "border-radius": "4px"
    23272327          },
    2328           ".usabilityFeedback-poll-button": {
     2328          ".realTimeFeedback-poll-button": {
    23292329              "-webkit-user-select": "none",
    23302330              "-moz-user-select": "none",
     
    23422342              "align-self": "flex-end"
    23432343          },
    2344           ".usabilityFeedback-poll-button--active": {
     2344          ".realTimeFeedback-poll-button--active": {
    23452345              "cursor": "pointer",
    23462346              "color": "#fff",
    23472347              "background": "#2b882b"
    23482348          },
    2349           ".usabilityFeedback-poll-step2": {
     2349          ".realTimeFeedback-poll-step2": {
    23502350              "display": "none",
    23512351              "flex-direction": "column",
     
    23542354              "padding": "12px 0 6px"
    23552355          },
    2356           ".usabilityFeedback-poll-button-close": {
     2356          ".realTimeFeedback-poll-button-close": {
    23572357              "cursor": "pointer",
    23582358              "padding": "10px 18px",
     
    23632363              "margin": "5px 0 0 0"
    23642364          },
    2365           ".usabilityFeedback-poll-button-close:hover": {
     2365          ".realTimeFeedback-poll-button-close:hover": {
    23662366              "opacity": .9
    23672367          },
    2368           ".usabilityFeedback-poll-button--active:hover": {
     2368          ".realTimeFeedback-poll-button--active:hover": {
    23692369              "opacity": .9
    23702370          },
    2371           ".usabilityFeedback-poll-close": {
     2371          ".realTimeFeedback-poll-close": {
    23722372              "display": "flex",
    23732373              "position": "absolute",
     
    23782378              "stroke": "#888"
    23792379          },
    2380           ".usabilityFeedback-poll-close:hover": {
     2380          ".realTimeFeedback-poll-close:hover": {
    23812381              "stroke": "#ccc"
    23822382          }
     
    23942394
    23952395  function updateCSS() {
    2396       var style = document.querySelector('[data-js-usabilityFeedback-style-poll]');
     2396      var style = document.querySelector('[data-js-realTimeFeedback-style-poll]');
    23972397
    23982398      if (!style) {
    23992399          style = document.createElement('style');
    24002400          style.type = 'text/css';
    2401           style.setAttribute('data-js-usabilityFeedback-style-poll', '');
     2401          style.setAttribute('data-js-realTimeFeedback-style-poll', '');
    24022402          document.head.appendChild(style);
    24032403      }
     
    24272427      }
    24282428
    2429       document.querySelector('[data-js-usabilityFeedback-preview]').innerHTML = template;
     2429      document.querySelector('[data-js-realTimeFeedback-preview]').innerHTML = template;
    24302430  }
    24312431
     
    24412441  }
    24422442
    2443   if (document.querySelector('[data-js-usabilityFeedback-preview]')) {
     2443  if (document.querySelector('[data-js-realTimeFeedback-preview]')) {
    24442444      requestIdleCallback(function () {
    24452445          var timeout = null;
    24462446
    24472447          var _loop = function _loop(target) {
    2448               var param = target.getAttribute('data-js-usabilityFeedback-option');
     2448              var param = target.getAttribute('data-js-realTimeFeedback-option');
    24492449
    24502450              poll.data[param] = target.value;
     
    24652465
    24662466          try {
    2467               for (var _iterator = document.querySelectorAll('[data-js-usabilityFeedback-option]')[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
     2467              for (var _iterator = document.querySelectorAll('[data-js-realTimeFeedback-option]')[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
    24682468                  var target = _step.value;
    24692469
     
    24902490
    24912491          try {
    2492               for (var _iterator2 = document.querySelectorAll('[data-js-usabilityFeedback-spectrum]')[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
     2492              for (var _iterator2 = document.querySelectorAll('[data-js-realTimeFeedback-spectrum]')[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
    24932493                  var target = _step2.value;
    24942494
    2495                   poll.css['.usabilityFeedback-poll'][target.getAttribute('data-js-usabilityFeedback-spectrum')] = target.value;
     2495                  poll.css['.realTimeFeedback-poll'][target.getAttribute('data-js-realTimeFeedback-spectrum')] = target.value;
    24962496              }
    24972497
     
    25122512          }
    25132513
    2514           var fontTarget = document.querySelector('[data-js-usabilityFeedback-font]');
    2515           poll.css['.usabilityFeedback-poll']['font-family'] = fontTarget.value;
     2514          var fontTarget = document.querySelector('[data-js-realTimeFeedback-font]');
     2515          poll.css['.realTimeFeedback-poll']['font-family'] = fontTarget.value;
    25162516          fontTarget.addEventListener('keyup', function () {
    2517               poll.css['.usabilityFeedback-poll']['font-family'] = fontTarget.value;
     2517              poll.css['.realTimeFeedback-poll']['font-family'] = fontTarget.value;
    25182518              updateCSS();
    25192519              enableSaveButton();
     
    25252525
    25262526      // spectrum color picker
    2527       jQuery('[data-js-usabilityFeedback-spectrum]').spectrum({
     2527      jQuery('[data-js-realTimeFeedback-spectrum]').spectrum({
    25282528          showInput: true,
    25292529          showAlpha: true,
     
    25372537              var colorRGB = color.toRgbString();
    25382538
    2539               poll.css['.usabilityFeedback-poll'][this.getAttribute('data-js-usabilityFeedback-spectrum')] = colorRGB;
     2539              poll.css['.realTimeFeedback-poll'][this.getAttribute('data-js-realTimeFeedback-spectrum')] = colorRGB;
    25402540              this.value = colorRGB;
    25412541
  • usability-feedback/trunk/admin/js/main1.0.0.js

    r1912544 r1915924  
    1 !function(){"use strict";var t,N="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t};t=function(Et,It){var Nt={beforeShow:t,move:t,change:t,show:t,hide:t,color:!1,flat:!1,showInput:!1,allowEmpty:!1,showButtons:!0,clickoutFiresChange:!0,showInitial:!1,showPalette:!1,showPaletteOnly:!1,hideAfterPaletteSelect:!1,togglePaletteOnly:!1,showSelectionPalette:!0,localStorageKey:!1,appendTo:"body",maxSelectionSize:7,cancelText:"cancel",chooseText:"choose",togglePaletteMoreText:"more",togglePaletteLessText:"less",clearText:"Clear Color Selection",noColorSelectedText:"No Color Selected",preferredFormat:!1,className:"",containerClassName:"",replacerClassName:"",showAlpha:!1,theme:"sp-light",palette:[["#ffffff","#000000","#ff0000","#ff8000","#ffff00","#008000","#0000ff","#4b0082","#9400d3"]],selectionPalette:[],disabled:!1,offset:null},zt=[],Dt=!!/msie/i.exec(window.navigator.userAgent),Lt=function(){function t(t,e){return!!~(""+t).indexOf(e)}var e=document.createElement("div").style;return e.cssText="background-color:rgba(0,0,0,.5)",t(e.backgroundColor,"rgba")||t(e.backgroundColor,"hsla")}(),Bt=["<div class='sp-replacer'>","<div class='sp-preview'><div class='sp-preview-inner'></div></div>","<div class='sp-dd'>&#9660;</div>","</div>"].join(""),$t=function(){var t="";if(Dt)for(var e=1;e<=6;e++)t+="<div class='sp-"+e+"'></div>";return["<div class='sp-container sp-hidden'>","<div class='sp-palette-container'>","<div class='sp-palette sp-thumb sp-cf'></div>","<div class='sp-palette-button-container sp-cf'>","<button type='button' class='sp-palette-toggle'></button>","</div>","</div>","<div class='sp-picker-container'>","<div class='sp-top sp-cf'>","<div class='sp-fill'></div>","<div class='sp-top-inner'>","<div class='sp-color'>","<div class='sp-sat'>","<div class='sp-val'>","<div class='sp-dragger'></div>","</div>","</div>","</div>","<div class='sp-clear sp-clear-display'>","</div>","<div class='sp-hue'>","<div class='sp-slider'></div>",t,"</div>","</div>","<div class='sp-alpha'><div class='sp-alpha-inner'><div class='sp-alpha-handle'></div></div></div>","</div>","<div class='sp-input-container sp-cf'>","<input class='sp-input' type='text' spellcheck='false'  />","</div>","<div class='sp-initial sp-thumb sp-cf'></div>","<div class='sp-button-container sp-cf'>","<a class='sp-cancel' href='#'></a>","<button type='button' class='sp-choose'></button>","</div>","</div>","</div>"].join("")}();function Kt(t,e,a,r){for(var i=[],n=0;n<t.length;n++){var o=t[n];if(o){var s=tinycolor(o),l=s.toHsl().l<.5?"sp-thumb-el sp-thumb-dark":"sp-thumb-el sp-thumb-light";l+=tinycolor.equals(e,o)?" sp-thumb-active":"";var c=s.toString(r.preferredFormat||"rgb"),u=Lt?"background-color:"+s.toRgbString():"filter:"+s.toFilter();i.push('<span title="'+c+'" data-color="'+s.toRgbString()+'" class="'+l+'"><span class="sp-thumb-inner" style="'+u+';" /></span>')}else{i.push(Et("<div />").append(Et('<span data-color="" style="background-color:transparent;" class="sp-clear-display"></span>').attr("title",r.noColorSelectedText)).html())}}return"<div class='sp-cf "+a+"'>"+i.join("")+"</div>"}function e(t,e){var a,r,i,n,o,s,l,u=(o=e,s=t,(l=Et.extend({},Nt,o)).callbacks={move:Wt(l.move,s),change:Wt(l.change,s),show:Wt(l.show,s),hide:Wt(l.hide,s),beforeShow:Wt(l.beforeShow,s)},l),d=u.flat,c=u.showSelectionPalette,f=u.localStorageKey,p=u.theme,h=u.callbacks,b=(a=jt,r=10,function(){var t=this,e=arguments;i&&clearTimeout(n),!i&&n||(n=setTimeout(function(){n=null,a.apply(t,e)},r))}),g=!1,v=!1,m=0,y=0,w=0,x=0,k=0,_=0,S=0,F=0,C=0,A=0,P=1,M=[],R=[],T={},H=u.selectionPalette.slice(0),j=u.maxSelectionSize,O="sp-dragging",q=null,E=t.ownerDocument,I=(E.body,Et(t)),N=!1,z=Et($t,E).addClass(p),D=z.find(".sp-picker-container"),L=z.find(".sp-color"),B=z.find(".sp-dragger"),$=z.find(".sp-hue"),K=z.find(".sp-slider"),V=z.find(".sp-alpha-inner"),W=z.find(".sp-alpha"),U=z.find(".sp-alpha-handle"),X=z.find(".sp-input"),Y=z.find(".sp-palette"),Q=z.find(".sp-initial"),G=z.find(".sp-cancel"),J=z.find(".sp-clear"),Z=z.find(".sp-choose"),tt=z.find(".sp-palette-toggle"),et=I.is("input"),at=et&&"color"===I.attr("type")&&Xt(),rt=et&&!d,it=rt?Et(Bt).addClass(p).addClass(u.className).addClass(u.replacerClassName):Et([]),nt=rt?it:I,ot=it.find(".sp-preview-inner"),st=u.color||et&&I.val(),lt=!1,ct=u.preferredFormat,ut=!u.showButtons||u.clickoutFiresChange,dt=!st,ft=u.allowEmpty&&!at;function pt(){if(u.showPaletteOnly&&(u.showPalette=!0),tt.text(u.showPaletteOnly?u.togglePaletteMoreText:u.togglePaletteLessText),u.palette){M=u.palette.slice(0),R=Et.isArray(M[0])?M:[M],T={};for(var t=0;t<R.length;t++)for(var e=0;e<R[t].length;e++){var a=tinycolor(R[t][e]).toRgbString();T[a]=!0}}z.toggleClass("sp-flat",d),z.toggleClass("sp-input-disabled",!u.showInput),z.toggleClass("sp-alpha-enabled",u.showAlpha),z.toggleClass("sp-clear-enabled",ft),z.toggleClass("sp-buttons-disabled",!u.showButtons),z.toggleClass("sp-palette-buttons-disabled",!u.togglePaletteOnly),z.toggleClass("sp-palette-disabled",!u.showPalette),z.toggleClass("sp-palette-only",u.showPaletteOnly),z.toggleClass("sp-initial-disabled",!u.showInitial),z.addClass(u.className).addClass(u.containerClassName),jt()}function ht(){if(f&&window.localStorage){try{var t=window.localStorage[f].split(",#");1<t.length&&(delete window.localStorage[f],Et.each(t,function(t,e){bt(e)}))}catch(t){}try{H=window.localStorage[f].split(";")}catch(t){}}}function bt(t){if(c){var e=tinycolor(t).toRgbString();if(!T[e]&&-1===Et.inArray(e,H))for(H.push(e);H.length>j;)H.shift();if(f&&window.localStorage)try{window.localStorage[f]=H.join(";")}catch(t){}}}function gt(){var a=Pt(),t=Et.map(R,function(t,e){return Kt(t,a,"sp-palette-row sp-palette-row-"+e,u)});ht(),H&&t.push(Kt(function(){var t=[];if(u.showPalette)for(var e=0;e<H.length;e++){var a=tinycolor(H[e]).toRgbString();T[a]||t.push(H[e])}return t.reverse().slice(0,u.maxSelectionSize)}(),a,"sp-palette-row sp-palette-row-selection",u)),Y.html(t.join(""))}function vt(){if(u.showInitial){var t=lt,e=Pt();Q.html(Kt([t,e],e,"sp-palette-row-initial",u))}}function mt(){(y<=0||m<=0||x<=0)&&jt(),v=!0,z.addClass(O),q=null,I.trigger("dragstart.spectrum",[Pt()])}function yt(){v=!1,z.removeClass(O),I.trigger("dragstop.spectrum",[Pt()])}function wt(){var t=X.val();if(null!==t&&""!==t||!ft){var e=tinycolor(t);e.isValid()?(At(e),Ht(!0)):X.addClass("sp-validation-error")}else At(null),Ht(!0)}function xt(){g?Ft():kt()}function kt(){var t=Et.Event("beforeShow.spectrum");g?jt():(I.trigger(t,[Pt()]),!1===h.beforeShow(Pt())||t.isDefaultPrevented()||(!function(){for(var t=0;t<zt.length;t++)zt[t]&&zt[t].hide()}(),g=!0,Et(E).bind("keydown.spectrum",_t),Et(E).bind("click.spectrum",St),Et(window).bind("resize.spectrum",b),it.addClass("sp-active"),z.removeClass("sp-hidden"),jt(),Rt(),lt=Pt(),vt(),h.show(lt),I.trigger("show.spectrum",[lt])))}function _t(t){27===t.keyCode&&Ft()}function St(t){2!=t.button&&(v||(ut?Ht(!0):Ct(),Ft()))}function Ft(){g&&!d&&(g=!1,Et(E).unbind("keydown.spectrum",_t),Et(E).unbind("click.spectrum",St),Et(window).unbind("resize.spectrum",b),it.removeClass("sp-active"),z.addClass("sp-hidden"),h.hide(Pt()),I.trigger("hide.spectrum",[Pt()]))}function Ct(){At(lt,!0)}function At(t,e){var a,r;tinycolor.equals(t,Pt())?Rt():(!t&&ft?dt=!0:(dt=!1,r=(a=tinycolor(t)).toHsv(),F=r.h%360/360,C=r.s,A=r.v,P=r.a),Rt(),a&&a.isValid()&&!e&&(ct=u.preferredFormat||a.getFormat()))}function Pt(t){return t=t||{},ft&&dt?null:tinycolor.fromRatio({h:F,s:C,v:A,a:Math.round(100*P)/100},{format:t.format||ct})}function Mt(){Rt(),h.move(Pt()),I.trigger("move.spectrum",[Pt()])}function Rt(){X.removeClass("sp-validation-error"),Tt();var t=tinycolor.fromRatio({h:F,s:1,v:1});L.css("background-color",t.toHexString());var e=ct;P<1&&(0!==P||"name"!==e)&&("hex"!==e&&"hex3"!==e&&"hex6"!==e&&"name"!==e||(e="rgb"));var a=Pt({format:e}),r="";if(ot.removeClass("sp-clear-display"),ot.css("background-color","transparent"),!a&&ft)ot.addClass("sp-clear-display");else{var i=a.toHexString(),n=a.toRgbString();if(Lt||1===a.alpha?ot.css("background-color",n):(ot.css("background-color","transparent"),ot.css("filter",a.toFilter())),u.showAlpha){var o=a.toRgb();o.a=0;var s=tinycolor(o).toRgbString(),l="linear-gradient(left, "+s+", "+i+")";Dt?V.css("filter",tinycolor(s).toFilter({gradientType:1},i)):(V.css("background","-webkit-"+l),V.css("background","-moz-"+l),V.css("background","-ms-"+l),V.css("background","linear-gradient(to right, "+s+", "+i+")"))}r=a.toString(e)}u.showInput&&X.val(r),u.showPalette&&gt(),vt()}function Tt(){var t=C,e=A;if(ft&&dt)U.hide(),K.hide(),B.hide();else{U.show(),K.show(),B.show();var a=t*m,r=y-e*y;a=Math.max(-w,Math.min(m-w,a-w)),r=Math.max(-w,Math.min(y-w,r-w)),B.css({top:r+"px",left:a+"px"});var i=P*k;U.css({left:i-_/2+"px"});var n=F*x;K.css({top:n-S+"px"})}}function Ht(t){var e=Pt(),a="",r=!tinycolor.equals(e,lt);e&&(a=e.toString(ct),bt(e)),et&&I.val(a),t&&r&&(h.change(e),I.trigger("change",[e]))}function jt(){var t,e,a,r,i,n,o,s,l,c;g&&(m=L.width(),y=L.height(),w=B.height(),$.width(),x=$.height(),S=K.height(),k=W.width(),_=U.width(),d||(z.css("position","absolute"),u.offset?z.offset(u.offset):z.offset((e=nt,a=(t=z).outerWidth(),r=t.outerHeight(),i=e.outerHeight(),n=t[0].ownerDocument,o=n.documentElement,s=o.clientWidth+Et(n).scrollLeft(),l=o.clientHeight+Et(n).scrollTop(),(c=e.offset()).top+=i,c.left-=Math.min(c.left,c.left+a>s&&a<s?Math.abs(c.left+a-s):0),c.top-=Math.min(c.top,c.top+r>l&&r<l?Math.abs(r+i-0):0),c))),Tt(),u.showPalette&&gt(),I.trigger("reflow.spectrum"))}function Ot(){Ft(),N=!0,I.attr("disabled",!0),nt.addClass("sp-disabled")}!function(){if(Dt&&z.find("*:not(input)").attr("unselectable","on"),pt(),rt&&I.after(it).hide(),ft||J.hide(),d)I.after(z).hide();else{var t="parent"===u.appendTo?I.parent():Et(u.appendTo);1!==t.length&&(t=Et("body")),t.append(z)}function e(t){return t.data&&t.data.ignore?(At(Et(t.target).closest(".sp-thumb-el").data("color")),Mt()):(At(Et(t.target).closest(".sp-thumb-el").data("color")),Mt(),Ht(!0),u.hideAfterPaletteSelect&&Ft()),!1}ht(),nt.bind("click.spectrum touchstart.spectrum",function(t){N||xt(),t.stopPropagation(),Et(t.target).is("input")||t.preventDefault()}),(I.is(":disabled")||!0===u.disabled)&&Ot(),z.click(Vt),X.change(wt),X.bind("paste",function(){setTimeout(wt,1)}),X.keydown(function(t){13==t.keyCode&&wt()}),G.text(u.cancelText),G.bind("click.spectrum",function(t){t.stopPropagation(),t.preventDefault(),Ct(),Ft()}),J.attr("title",u.clearText),J.bind("click.spectrum",function(t){t.stopPropagation(),t.preventDefault(),dt=!0,Mt(),d&&Ht(!0)}),Z.text(u.chooseText),Z.bind("click.spectrum",function(t){t.stopPropagation(),t.preventDefault(),Dt&&X.is(":focus")&&X.trigger("change"),X.hasClass("sp-validation-error")||(Ht(!0),Ft())}),tt.text(u.showPaletteOnly?u.togglePaletteMoreText:u.togglePaletteLessText),tt.bind("click.spectrum",function(t){t.stopPropagation(),t.preventDefault(),u.showPaletteOnly=!u.showPaletteOnly,u.showPaletteOnly||d||z.css("left","-="+(D.outerWidth(!0)+5)),pt()}),Ut(W,function(t,e,a){P=t/k,dt=!1,a.shiftKey&&(P=Math.round(10*P)/10),Mt()},mt,yt),Ut($,function(t,e){F=parseFloat(e/x),dt=!1,u.showAlpha||(P=1),Mt()},mt,yt),Ut(L,function(t,e,a){if(a.shiftKey){if(!q){var r=C*m,i=y-A*y,n=Math.abs(t-r)>Math.abs(e-i);q=n?"x":"y"}}else q=null;var o=!q||"y"===q;(!q||"x"===q)&&(C=parseFloat(t/m)),o&&(A=parseFloat((y-e)/y)),dt=!1,u.showAlpha||(P=1),Mt()},mt,yt),st?(At(st),Rt(),ct=u.preferredFormat||tinycolor(st).format,bt(st)):Rt(),d&&kt();var a=Dt?"mousedown.spectrum":"click.spectrum touchstart.spectrum";Y.delegate(".sp-thumb-el",a,e),Q.delegate(".sp-thumb-el:nth-child(1)",a,{ignore:!0},e)}();var qt={show:kt,hide:Ft,toggle:xt,reflow:jt,option:function(t,e){return t===It?Et.extend({},u):e===It?u[t]:(u[t]=e,"preferredFormat"===t&&(ct=u.preferredFormat),void pt())},enable:function(){N=!1,I.attr("disabled",!1),nt.removeClass("sp-disabled")},disable:Ot,offset:function(t){u.offset=t,jt()},set:function(t){At(t),Ht()},get:Pt,destroy:function(){I.show(),nt.unbind("click.spectrum touchstart.spectrum"),z.remove(),it.remove(),zt[qt.id]=null},container:z};return qt.id=zt.push(qt)-1,qt}function t(){}function Vt(t){t.stopPropagation()}function Wt(t,e){var a=Array.prototype.slice,r=a.call(arguments,2);return function(){return t.apply(e,r.concat(a.call(arguments)))}}function Ut(o,s,e,t){s=s||function(){},e=e||function(){},t=t||function(){};var l=document,c=!1,u={},d=0,f=0,p="ontouchstart"in window,a={};function h(t){t.stopPropagation&&t.stopPropagation(),t.preventDefault&&t.preventDefault(),t.returnValue=!1}function r(t){if(c){if(Dt&&l.documentMode<9&&!t.button)return b();var e=t.originalEvent&&t.originalEvent.touches&&t.originalEvent.touches[0],a=e&&e.pageX||t.pageX,r=e&&e.pageY||t.pageY,i=Math.max(0,Math.min(a-u.left,f)),n=Math.max(0,Math.min(r-u.top,d));p&&h(t),s.apply(o,[i,n,t])}}function b(){c&&(Et(l).unbind(a),Et(l.body).removeClass("sp-dragging"),setTimeout(function(){t.apply(o,arguments)},0)),c=!1}a.selectstart=h,a.dragstart=h,a["touchmove mousemove"]=r,a["touchend mouseup"]=b,Et(o).bind("touchstart mousedown",function(t){(t.which?3==t.which:2==t.button)||c||!1!==e.apply(o,arguments)&&(c=!0,d=Et(o).height(),f=Et(o).width(),u=Et(o).offset(),Et(l).bind(a),Et(l.body).addClass("sp-dragging"),r(t),h(t))})}function Xt(){return Et.fn.spectrum.inputTypeColorSupport()}var n="spectrum.id";Et.fn.spectrum=function(a,t){if("string"==typeof a){var r=this,i=Array.prototype.slice.call(arguments,1);return this.each(function(){var t=zt[Et(this).data(n)];if(t){var e=t[a];if(!e)throw new Error("Spectrum: no such method: '"+a+"'");"get"==a?r=t.get():"container"==a?r=t.container:"option"==a?r=t.option.apply(t,i):"destroy"==a?(t.destroy(),Et(this).removeData(n)):e.apply(t,i)}}),r}return this.spectrum("destroy").each(function(){var t=e(this,Et.extend({},a,Et(this).data()));Et(this).data(n,t.id)})},Et.fn.spectrum.load=!0,Et.fn.spectrum.loadOpts={},Et.fn.spectrum.draggable=Ut,Et.fn.spectrum.defaults=Nt,Et.fn.spectrum.inputTypeColorSupport=function t(){if(void 0===t._cachedResult){var e=Et("<input type='color'/>")[0];t._cachedResult="color"===e.type&&""!==e.value}return t._cachedResult},Et.spectrum={},Et.spectrum.localization={},Et.spectrum.palettes={},Et.fn.spectrum.processNativeColorInputs=function(){var t=Et("input[type=color]");t.length&&!Xt()&&t.spectrum({preferredFormat:"hex6"})},function(){var l=/^[\s,#]+/,c=/\s+$/,i=0,u=Math,n=u.round,d=u.min,f=u.max,t=u.random,p=function t(e,a){if(a=a||{},(e=e||"")instanceof t)return e;if(!(this instanceof t))return new t(e,a);var r=function(t){var e={r:0,g:0,b:0},a=1,r=!1,i=!1;"string"==typeof t&&(t=function(t){t=t.replace(l,"").replace(c,"").toLowerCase();var e,a=!1;if(C[t])t=C[t],a=!0;else if("transparent"==t)return{r:0,g:0,b:0,a:0,format:"name"};if(e=I.rgb.exec(t))return{r:e[1],g:e[2],b:e[3]};if(e=I.rgba.exec(t))return{r:e[1],g:e[2],b:e[3],a:e[4]};if(e=I.hsl.exec(t))return{h:e[1],s:e[2],l:e[3]};if(e=I.hsla.exec(t))return{h:e[1],s:e[2],l:e[3],a:e[4]};if(e=I.hsv.exec(t))return{h:e[1],s:e[2],v:e[3]};if(e=I.hsva.exec(t))return{h:e[1],s:e[2],v:e[3],a:e[4]};if(e=I.hex8.exec(t))return{a:(r=e[1],T(r)/255),r:T(e[2]),g:T(e[3]),b:T(e[4]),format:a?"name":"hex8"};var r;if(e=I.hex6.exec(t))return{r:T(e[1]),g:T(e[2]),b:T(e[3]),format:a?"name":"hex"};if(e=I.hex3.exec(t))return{r:T(e[1]+""+e[1]),g:T(e[2]+""+e[2]),b:T(e[3]+""+e[3]),format:a?"name":"hex"};return!1}(t));"object"==(void 0===t?"undefined":N(t))&&(t.hasOwnProperty("r")&&t.hasOwnProperty("g")&&t.hasOwnProperty("b")?(n=t.r,o=t.g,s=t.b,e={r:255*M(n,255),g:255*M(o,255),b:255*M(s,255)},r=!0,i="%"===String(t.r).substr(-1)?"prgb":"rgb"):t.hasOwnProperty("h")&&t.hasOwnProperty("s")&&t.hasOwnProperty("v")?(t.s=j(t.s),t.v=j(t.v),e=function(t,e,a){t=6*M(t,360),e=M(e,100),a=M(a,100);var r=u.floor(t),i=t-r,n=a*(1-e),o=a*(1-i*e),s=a*(1-(1-i)*e),l=r%6;return{r:255*[a,o,n,n,s,a][l],g:255*[s,a,a,o,n,n][l],b:255*[n,n,s,a,a,o][l]}}(t.h,t.s,t.v),r=!0,i="hsv"):t.hasOwnProperty("h")&&t.hasOwnProperty("s")&&t.hasOwnProperty("l")&&(t.s=j(t.s),t.l=j(t.l),e=function(t,e,a){var r,i,n;function o(t,e,a){return a<0&&(a+=1),1<a&&(a-=1),a<1/6?t+6*(e-t)*a:a<.5?e:a<2/3?t+(e-t)*(2/3-a)*6:t}if(t=M(t,360),e=M(e,100),a=M(a,100),0===e)r=i=n=a;else{var s=a<.5?a*(1+e):a+e-a*e,l=2*a-s;r=o(l,s,t+1/3),i=o(l,s,t),n=o(l,s,t-1/3)}return{r:255*r,g:255*i,b:255*n}}(t.h,t.s,t.l),r=!0,i="hsl"),t.hasOwnProperty("a")&&(a=t.a));var n,o,s;return a=P(a),{ok:r,format:t.format||i,r:d(255,f(e.r,0)),g:d(255,f(e.g,0)),b:d(255,f(e.b,0)),a:a}}(e);this._originalInput=e,this._r=r.r,this._g=r.g,this._b=r.b,this._a=r.a,this._roundA=n(100*this._a)/100,this._format=a.format||r.format,this._gradientType=a.gradientType,this._r<1&&(this._r=n(this._r)),this._g<1&&(this._g=n(this._g)),this._b<1&&(this._b=n(this._b)),this._ok=r.ok,this._tc_id=i++};function o(t,e,a){t=M(t,255),e=M(e,255),a=M(a,255);var r,i,n=f(t,e,a),o=d(t,e,a),s=(n+o)/2;if(n==o)r=i=0;else{var l=n-o;switch(i=.5<s?l/(2-n-o):l/(n+o),n){case t:r=(e-a)/l+(e<a?6:0);break;case e:r=(a-t)/l+2;break;case a:r=(t-e)/l+4}r/=6}return{h:r,s:i,l:s}}function s(t,e,a){t=M(t,255),e=M(e,255),a=M(a,255);var r,i,n=f(t,e,a),o=d(t,e,a),s=n,l=n-o;if(i=0===n?0:l/n,n==o)r=0;else{switch(n){case t:r=(e-a)/l+(e<a?6:0);break;case e:r=(a-t)/l+2;break;case a:r=(t-e)/l+4}r/=6}return{h:r,s:i,v:s}}function e(t,e,a,r){var i=[H(n(t).toString(16)),H(n(e).toString(16)),H(n(a).toString(16))];return r&&i[0].charAt(0)==i[0].charAt(1)&&i[1].charAt(0)==i[1].charAt(1)&&i[2].charAt(0)==i[2].charAt(1)?i[0].charAt(0)+i[1].charAt(0)+i[2].charAt(0):i.join("")}function h(t,e,a,r){var i;return[H((i=r,Math.round(255*parseFloat(i)).toString(16))),H(n(t).toString(16)),H(n(e).toString(16)),H(n(a).toString(16))].join("")}function a(t,e){e=0===e?0:e||10;var a=p(t).toHsl();return a.s-=e/100,a.s=R(a.s),p(a)}function r(t,e){e=0===e?0:e||10;var a=p(t).toHsl();return a.s+=e/100,a.s=R(a.s),p(a)}function b(t){return p(t).desaturate(100)}function g(t,e){e=0===e?0:e||10;var a=p(t).toHsl();return a.l+=e/100,a.l=R(a.l),p(a)}function v(t,e){e=0===e?0:e||10;var a=p(t).toRgb();return a.r=f(0,d(255,a.r-n(-e/100*255))),a.g=f(0,d(255,a.g-n(-e/100*255))),a.b=f(0,d(255,a.b-n(-e/100*255))),p(a)}function m(t,e){e=0===e?0:e||10;var a=p(t).toHsl();return a.l-=e/100,a.l=R(a.l),p(a)}function y(t,e){var a=p(t).toHsl(),r=(n(a.h)+e)%360;return a.h=r<0?360+r:r,p(a)}function w(t){var e=p(t).toHsl();return e.h=(e.h+180)%360,p(e)}function x(t){var e=p(t).toHsl(),a=e.h;return[p(t),p({h:(a+120)%360,s:e.s,l:e.l}),p({h:(a+240)%360,s:e.s,l:e.l})]}function k(t){var e=p(t).toHsl(),a=e.h;return[p(t),p({h:(a+90)%360,s:e.s,l:e.l}),p({h:(a+180)%360,s:e.s,l:e.l}),p({h:(a+270)%360,s:e.s,l:e.l})]}function _(t){var e=p(t).toHsl(),a=e.h;return[p(t),p({h:(a+72)%360,s:e.s,l:e.l}),p({h:(a+216)%360,s:e.s,l:e.l})]}function S(t,e,a){e=e||6,a=a||30;var r=p(t).toHsl(),i=360/a,n=[p(t)];for(r.h=(r.h-(i*e>>1)+720)%360;--e;)r.h=(r.h+i)%360,n.push(p(r));return n}function F(t,e){e=e||6;for(var a=p(t).toHsv(),r=a.h,i=a.s,n=a.v,o=[],s=1/e;e--;)o.push(p({h:r,s:i,v:n})),n=(n+s)%1;return o}p.prototype={isDark:function(){return this.getBrightness()<128},isLight:function(){return!this.isDark()},isValid:function(){return this._ok},getOriginalInput:function(){return this._originalInput},getFormat:function(){return this._format},getAlpha:function(){return this._a},getBrightness:function(){var t=this.toRgb();return(299*t.r+587*t.g+114*t.b)/1e3},setAlpha:function(t){return this._a=P(t),this._roundA=n(100*this._a)/100,this},toHsv:function(){var t=s(this._r,this._g,this._b);return{h:360*t.h,s:t.s,v:t.v,a:this._a}},toHsvString:function(){var t=s(this._r,this._g,this._b),e=n(360*t.h),a=n(100*t.s),r=n(100*t.v);return 1==this._a?"hsv("+e+", "+a+"%, "+r+"%)":"hsva("+e+", "+a+"%, "+r+"%, "+this._roundA+")"},toHsl:function(){var t=o(this._r,this._g,this._b);return{h:360*t.h,s:t.s,l:t.l,a:this._a}},toHslString:function(){var t=o(this._r,this._g,this._b),e=n(360*t.h),a=n(100*t.s),r=n(100*t.l);return 1==this._a?"hsl("+e+", "+a+"%, "+r+"%)":"hsla("+e+", "+a+"%, "+r+"%, "+this._roundA+")"},toHex:function(t){return e(this._r,this._g,this._b,t)},toHexString:function(t){return"#"+this.toHex(t)},toHex8:function(){return h(this._r,this._g,this._b,this._a)},toHex8String:function(){return"#"+this.toHex8()},toRgb:function(){return{r:n(this._r),g:n(this._g),b:n(this._b),a:this._a}},toRgbString:function(){return 1==this._a?"rgb("+n(this._r)+", "+n(this._g)+", "+n(this._b)+")":"rgba("+n(this._r)+", "+n(this._g)+", "+n(this._b)+", "+this._roundA+")"},toPercentageRgb:function(){return{r:n(100*M(this._r,255))+"%",g:n(100*M(this._g,255))+"%",b:n(100*M(this._b,255))+"%",a:this._a}},toPercentageRgbString:function(){return 1==this._a?"rgb("+n(100*M(this._r,255))+"%, "+n(100*M(this._g,255))+"%, "+n(100*M(this._b,255))+"%)":"rgba("+n(100*M(this._r,255))+"%, "+n(100*M(this._g,255))+"%, "+n(100*M(this._b,255))+"%, "+this._roundA+")"},toName:function(){return 0===this._a?"transparent":!(this._a<1)&&(A[e(this._r,this._g,this._b,!0)]||!1)},toFilter:function(t){var e="#"+h(this._r,this._g,this._b,this._a),a=e,r=this._gradientType?"GradientType = 1, ":"";t&&(a=p(t).toHex8String());return"progid:DXImageTransform.Microsoft.gradient("+r+"startColorstr="+e+",endColorstr="+a+")"},toString:function(t){var e=!!t;t=t||this._format;var a=!1,r=this._a<1&&0<=this._a;return e||!r||"hex"!==t&&"hex6"!==t&&"hex3"!==t&&"name"!==t?("rgb"===t&&(a=this.toRgbString()),"prgb"===t&&(a=this.toPercentageRgbString()),"hex"!==t&&"hex6"!==t||(a=this.toHexString()),"hex3"===t&&(a=this.toHexString(!0)),"hex8"===t&&(a=this.toHex8String()),"name"===t&&(a=this.toName()),"hsl"===t&&(a=this.toHslString()),"hsv"===t&&(a=this.toHsvString()),a||this.toHexString()):"name"===t&&0===this._a?this.toName():this.toRgbString()},_applyModification:function(t,e){var a=t.apply(null,[this].concat([].slice.call(e)));return this._r=a._r,this._g=a._g,this._b=a._b,this.setAlpha(a._a),this},lighten:function(){return this._applyModification(g,arguments)},brighten:function(){return this._applyModification(v,arguments)},darken:function(){return this._applyModification(m,arguments)},desaturate:function(){return this._applyModification(a,arguments)},saturate:function(){return this._applyModification(r,arguments)},greyscale:function(){return this._applyModification(b,arguments)},spin:function(){return this._applyModification(y,arguments)},_applyCombination:function(t,e){return t.apply(null,[this].concat([].slice.call(e)))},analogous:function(){return this._applyCombination(S,arguments)},complement:function(){return this._applyCombination(w,arguments)},monochromatic:function(){return this._applyCombination(F,arguments)},splitcomplement:function(){return this._applyCombination(_,arguments)},triad:function(){return this._applyCombination(x,arguments)},tetrad:function(){return this._applyCombination(k,arguments)}},p.fromRatio=function(t,e){if("object"==(void 0===t?"undefined":N(t))){var a={};for(var r in t)t.hasOwnProperty(r)&&(a[r]="a"===r?t[r]:j(t[r]));t=a}return p(t,e)},p.equals=function(t,e){return!(!t||!e)&&p(t).toRgbString()==p(e).toRgbString()},p.random=function(){return p.fromRatio({r:t(),g:t(),b:t()})},p.mix=function(t,e,a){a=0===a?0:a||50;var r,i=p(t).toRgb(),n=p(e).toRgb(),o=a/100,s=2*o-1,l=n.a-i.a,c=1-(r=((r=s*l==-1?s:(s+l)/(1+s*l))+1)/2),u={r:n.r*r+i.r*c,g:n.g*r+i.g*c,b:n.b*r+i.b*c,a:n.a*o+i.a*(1-o)};return p(u)},p.readability=function(t,e){var a=p(t),r=p(e),i=a.toRgb(),n=r.toRgb(),o=a.getBrightness(),s=r.getBrightness(),l=Math.max(i.r,n.r)-Math.min(i.r,n.r)+Math.max(i.g,n.g)-Math.min(i.g,n.g)+Math.max(i.b,n.b)-Math.min(i.b,n.b);return{brightness:Math.abs(o-s),color:l}},p.isReadable=function(t,e){var a=p.readability(t,e);return 125<a.brightness&&500<a.color},p.mostReadable=function(t,e){for(var a=null,r=0,i=!1,n=0;n<e.length;n++){var o=p.readability(t,e[n]),s=125<o.brightness&&500<o.color,l=o.brightness/125*3+o.color/500;(s&&!i||s&&i&&r<l||!s&&!i&&r<l)&&(i=s,r=l,a=p(e[n]))}return a};var C=p.names={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"0ff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"00f",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",burntsienna:"ea7e5d",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"0ff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"f0f",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"663399",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"},A=p.hexNames=function(t){var e={};for(var a in t)t.hasOwnProperty(a)&&(e[t[a]]=a);return e}(C);function P(t){return t=parseFloat(t),(isNaN(t)||t<0||1<t)&&(t=1),t}function M(t,e){var a;"string"==typeof(a=t)&&-1!=a.indexOf(".")&&1===parseFloat(a)&&(t="100%");var r,i="string"==typeof(r=t)&&-1!=r.indexOf("%");return t=d(e,f(0,parseFloat(t))),i&&(t=parseInt(t*e,10)/100),u.abs(t-e)<1e-6?1:t%e/parseFloat(e)}function R(t){return d(1,f(0,t))}function T(t){return parseInt(t,16)}function H(t){return 1==t.length?"0"+t:""+t}function j(t){return t<=1&&(t=100*t+"%"),t}var O,q,E,I=(q="[\\s|\\(]+("+(O="(?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?)")+")[,|\\s]+("+O+")[,|\\s]+("+O+")\\s*\\)?",E="[\\s|\\(]+("+O+")[,|\\s]+("+O+")[,|\\s]+("+O+")[,|\\s]+("+O+")\\s*\\)?",{rgb:new RegExp("rgb"+q),rgba:new RegExp("rgba"+E),hsl:new RegExp("hsl"+q),hsla:new RegExp("hsla"+E),hsv:new RegExp("hsv"+q),hsva:new RegExp("hsva"+E),hex3:/^([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex6:/^([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,hex8:/^([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/});window.tinycolor=p}(),Et(function(){Et.fn.spectrum.load&&Et.fn.spectrum.processNativeColorInputs()})},"function"==typeof define&&define.amd?define(["jquery"],t):"object"==("undefined"==typeof exports?"undefined":N(exports))&&"object"==("undefined"==typeof module?"undefined":N(module))?module.exports=t(require("jquery")):t(jQuery);var e=document.querySelector("[data-js-tabstats]");if(e){var a=e.querySelector("[data-js-header]"),i=Array.from(a.querySelectorAll("[data-js]")),n=Array.from(e.querySelectorAll("[data-js-body]"));a.addEventListener("click",function(t){var a=t.target;if(a.hasAttribute("data-js")&&!a.hasAttribute("data-active")){var r=void 0;i.forEach(function(t,e){t===a?(r=e,t.setAttribute("data-active","")):t.removeAttribute("data-active")}),n.forEach(function(t,e){e===r?t.setAttribute("data-active",""):t.removeAttribute("data-active")})}})}var h={html:'<div class="usabilityFeedback usabilityFeedback-poll usabilityFeedback-animation-${animation} usabilityFeedback-position-${position}">\n            <div class="usabilityFeedback-poll-body">\n                <div class="usabilityFeedback-poll-step1">\n                    <div class="usabilityFeedback-poll-title">${title}</div>\n                    <textarea class="usabilityFeedback-poll-textarea" rows="5" placeholder="Type here your message..."></textarea>\n                    <input type="email" class="usabilityFeedback-poll-input" placeholder="Enter email for a response (optional)" />\n                    <div class="usabilityFeedback-button usabilityFeedback-poll-button">${actionText}</div>\n                </div>\n                <div class="usabilityFeedback-poll-step2" data-usabilityFeedback-action="next">\n                    <div class="usabilityFeedback-poll-title">${thanks}</div>\n                    <div class="usabilityFeedback-button usabilityFeedback-poll-button-close">${thanksButton}</div>\n                </div>\n            </div>\n            <div class="usabilityFeedback-poll-close" data-usabilityFeedback-action="close">\n                <svg height="11" width="11" xmlns="http://www.w3.org/2000/svg">\n                    <line x1="0" y1="11" x2="11" y2="0" stroke-width="2"/>\n                    <line x1="0" y1="0" x2="11" y2="11" stroke-width="2"/>\n                </svg>\n            </div>\n        </div>',css:{".usabilityFeedback-poll":{"border-radius":"4px 5px 0 0","z-index":2147483647,background:"rgb(60, 60, 60)",position:"fixed","max-width":"350px",width:"100%","box-shadow":"0 0 14px 3px rgba(0, 0, 0, 0.38)","font-family":"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif","font-weight":400,"line-height":1.4,color:"rgb(255, 255, 255)"},".usabilityFeedback-poll-body":{margin:"18px 13px 18px 13px"},".usabilityFeedback-poll-step1":{display:"flex","flex-direction":"column"},".usabilityFeedback-poll-title":{"max-width":"100%","text-align":"center",margin:"0 0 12px",padding:"0 20px","font-size":"15px","align-self":"center"},".usabilityFeedback-poll textarea.usabilityFeedback-poll-textarea":{color:"#585858",background:"#fff","font-family":"inherit","font-size":"13px","line-height":"inherit","font-weight":"inherit",padding:"9px 10px",resize:"none",width:"100%",border:"1px solid #3c3c3c","border-radius":"4px"},".usabilityFeedback-poll input.usabilityFeedback-poll-input":{color:"#585858",background:"#fff",width:"100%",padding:"0 10px",margin:"5px 0 0 0",border:"1px solid #3c3c3c","font-family":"inherit","font-size":"13px","line-height":"inherit","font-weight":"inherit",height:"36px","border-radius":"4px"},".usabilityFeedback-poll-button":{"-webkit-user-select":"none","-moz-user-select":"none","-ms-user-select":"none","user-select":"none","text-align":"center",cursor:"default",color:"rgba(255, 255, 255, 0.25)",padding:"10px 18px",background:"#545454","border-radius":"4px","font-size":"13px",margin:"18px 1px 0 0",transition:"background .3s, color .3s","align-self":"flex-end"},".usabilityFeedback-poll-button--active":{cursor:"pointer",color:"#fff",background:"#2b882b"},".usabilityFeedback-poll-step2":{display:"none","flex-direction":"column","align-items":"center","justify-content":"center",padding:"12px 0 6px"},".usabilityFeedback-poll-button-close":{cursor:"pointer",padding:"10px 18px",background:"#616161",color:"#fff","border-radius":"4px","font-size":"13px",margin:"5px 0 0 0"},".usabilityFeedback-poll-button-close:hover":{opacity:.9},".usabilityFeedback-poll-button--active:hover":{opacity:.9},".usabilityFeedback-poll-close":{display:"flex",position:"absolute",right:"8px",top:"8px",padding:"5px",cursor:"pointer",stroke:"#888"},".usabilityFeedback-poll-close:hover":{stroke:"#ccc"}},data:{position:"bottom-left",animation:"slideUp",title:"Would love to hear your feedback!",actionText:"Send Message",thanks:"Thank you for answering this poll. Your feedback is appreciated!",thanksButton:"Close"},name:"poll"};function b(){var t=document.querySelector("[data-js-usabilityFeedback-style-poll]");t||((t=document.createElement("style")).type="text/css",t.setAttribute("data-js-usabilityFeedback-style-poll",""),document.head.appendChild(t));var a="";Object.keys(h.css).forEach(function(e){a+=e+" {",Object.keys(h.css[e]).forEach(function(t){a+=t+": "+h.css[e][t]+";"}),a+="}"}),t.innerHTML=a}function g(){for(var t=h.html,e=h.data,a=/\${(.*?)}/g,r=void 0;r=a.exec(t);)t=t.replace(r[0],e[r[1]]);document.querySelector("[data-js-usabilityFeedback-preview]").innerHTML=t}function v(t,e){h.data[t]=e.value,g(),m()}function m(){document.querySelector("[data-js-saveButton]").removeAttribute("disabled")}document.querySelector("[data-js-usabilityFeedback-preview]")&&(requestIdleCallback(function(){var a=null,t=function(t){var e=t.getAttribute("data-js-usabilityFeedback-option");h.data[e]=t.value,"SELECT"===t.nodeName?t.addEventListener("change",v.bind(null,e,t)):t.addEventListener("keyup",function(){clearTimeout(a),a=setTimeout(v.bind(null,e,t),400)})},e=!0,r=!1,i=void 0;try{for(var n,o=document.querySelectorAll("[data-js-usabilityFeedback-option]")[Symbol.iterator]();!(e=(n=o.next()).done);e=!0){t(f=n.value)}}catch(t){r=!0,i=t}finally{try{!e&&o.return&&o.return()}finally{if(r)throw i}}var s=!0,l=!1,c=void 0;try{for(var u,d=document.querySelectorAll("[data-js-usabilityFeedback-spectrum]")[Symbol.iterator]();!(s=(u=d.next()).done);s=!0){var f=u.value;h.css[".usabilityFeedback-poll"][f.getAttribute("data-js-usabilityFeedback-spectrum")]=f.value}}catch(t){l=!0,c=t}finally{try{!s&&d.return&&d.return()}finally{if(l)throw c}}var p=document.querySelector("[data-js-usabilityFeedback-font]");h.css[".usabilityFeedback-poll"]["font-family"]=p.value,p.addEventListener("keyup",function(){h.css[".usabilityFeedback-poll"]["font-family"]=p.value,b(),m()}),b(),g()},{timeout:1e3}),jQuery("[data-js-usabilityFeedback-spectrum]").spectrum({showInput:!0,showAlpha:!0,showPalette:!0,maxSelectionSize:5,showInitial:!0,showButtons:!1,preferredFormat:"rgb",palette:[["#fff","#ccc","#333"],["#e4423c","#90c54d","#7044bf"],["#247dd6","#f7d913","#5ed0da"]],move:function(t){var e=t.toRgbString();h.css[".usabilityFeedback-poll"][this.getAttribute("data-js-usabilityFeedback-spectrum")]=e,this.value=e,b(),m()}}))}();
     1!function(){"use strict";var e,N="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};e=function(Ee,Ie){var Ne={beforeShow:e,move:e,change:e,show:e,hide:e,color:!1,flat:!1,showInput:!1,allowEmpty:!1,showButtons:!0,clickoutFiresChange:!0,showInitial:!1,showPalette:!1,showPaletteOnly:!1,hideAfterPaletteSelect:!1,togglePaletteOnly:!1,showSelectionPalette:!0,localStorageKey:!1,appendTo:"body",maxSelectionSize:7,cancelText:"cancel",chooseText:"choose",togglePaletteMoreText:"more",togglePaletteLessText:"less",clearText:"Clear Color Selection",noColorSelectedText:"No Color Selected",preferredFormat:!1,className:"",containerClassName:"",replacerClassName:"",showAlpha:!1,theme:"sp-light",palette:[["#ffffff","#000000","#ff0000","#ff8000","#ffff00","#008000","#0000ff","#4b0082","#9400d3"]],selectionPalette:[],disabled:!1,offset:null},ze=[],De=!!/msie/i.exec(window.navigator.userAgent),Le=function(){function e(e,t){return!!~(""+e).indexOf(t)}var t=document.createElement("div").style;return t.cssText="background-color:rgba(0,0,0,.5)",e(t.backgroundColor,"rgba")||e(t.backgroundColor,"hsla")}(),Be=["<div class='sp-replacer'>","<div class='sp-preview'><div class='sp-preview-inner'></div></div>","<div class='sp-dd'>&#9660;</div>","</div>"].join(""),$e=function(){var e="";if(De)for(var t=1;t<=6;t++)e+="<div class='sp-"+t+"'></div>";return["<div class='sp-container sp-hidden'>","<div class='sp-palette-container'>","<div class='sp-palette sp-thumb sp-cf'></div>","<div class='sp-palette-button-container sp-cf'>","<button type='button' class='sp-palette-toggle'></button>","</div>","</div>","<div class='sp-picker-container'>","<div class='sp-top sp-cf'>","<div class='sp-fill'></div>","<div class='sp-top-inner'>","<div class='sp-color'>","<div class='sp-sat'>","<div class='sp-val'>","<div class='sp-dragger'></div>","</div>","</div>","</div>","<div class='sp-clear sp-clear-display'>","</div>","<div class='sp-hue'>","<div class='sp-slider'></div>",e,"</div>","</div>","<div class='sp-alpha'><div class='sp-alpha-inner'><div class='sp-alpha-handle'></div></div></div>","</div>","<div class='sp-input-container sp-cf'>","<input class='sp-input' type='text' spellcheck='false'  />","</div>","<div class='sp-initial sp-thumb sp-cf'></div>","<div class='sp-button-container sp-cf'>","<a class='sp-cancel' href='#'></a>","<button type='button' class='sp-choose'></button>","</div>","</div>","</div>"].join("")}();function Ke(e,t,a,r){for(var n=[],i=0;i<e.length;i++){var o=e[i];if(o){var s=tinycolor(o),l=s.toHsl().l<.5?"sp-thumb-el sp-thumb-dark":"sp-thumb-el sp-thumb-light";l+=tinycolor.equals(t,o)?" sp-thumb-active":"";var c=s.toString(r.preferredFormat||"rgb"),d=Le?"background-color:"+s.toRgbString():"filter:"+s.toFilter();n.push('<span title="'+c+'" data-color="'+s.toRgbString()+'" class="'+l+'"><span class="sp-thumb-inner" style="'+d+';" /></span>')}else{n.push(Ee("<div />").append(Ee('<span data-color="" style="background-color:transparent;" class="sp-clear-display"></span>').attr("title",r.noColorSelectedText)).html())}}return"<div class='sp-cf "+a+"'>"+n.join("")+"</div>"}function t(e,t){var a,r,n,i,o,s,l,d=(o=t,s=e,(l=Ee.extend({},Ne,o)).callbacks={move:We(l.move,s),change:We(l.change,s),show:We(l.show,s),hide:We(l.hide,s),beforeShow:We(l.beforeShow,s)},l),u=d.flat,c=d.showSelectionPalette,f=d.localStorageKey,p=d.theme,h=d.callbacks,g=(a=je,r=10,function(){var e=this,t=arguments;n&&clearTimeout(i),!n&&i||(i=setTimeout(function(){i=null,a.apply(e,t)},r))}),b=!1,m=!1,v=0,y=0,w=0,x=0,k=0,_=0,S=0,T=0,F=0,C=0,A=1,P=[],M=[],R={},H=d.selectionPalette.slice(0),j=d.maxSelectionSize,O="sp-dragging",q=null,E=e.ownerDocument,I=(E.body,Ee(e)),N=!1,z=Ee($e,E).addClass(p),D=z.find(".sp-picker-container"),L=z.find(".sp-color"),B=z.find(".sp-dragger"),$=z.find(".sp-hue"),K=z.find(".sp-slider"),V=z.find(".sp-alpha-inner"),W=z.find(".sp-alpha"),U=z.find(".sp-alpha-handle"),X=z.find(".sp-input"),Y=z.find(".sp-palette"),Q=z.find(".sp-initial"),G=z.find(".sp-cancel"),J=z.find(".sp-clear"),Z=z.find(".sp-choose"),ee=z.find(".sp-palette-toggle"),te=I.is("input"),ae=te&&"color"===I.attr("type")&&Xe(),re=te&&!u,ne=re?Ee(Be).addClass(p).addClass(d.className).addClass(d.replacerClassName):Ee([]),ie=re?ne:I,oe=ne.find(".sp-preview-inner"),se=d.color||te&&I.val(),le=!1,ce=d.preferredFormat,de=!d.showButtons||d.clickoutFiresChange,ue=!se,fe=d.allowEmpty&&!ae;function pe(){if(d.showPaletteOnly&&(d.showPalette=!0),ee.text(d.showPaletteOnly?d.togglePaletteMoreText:d.togglePaletteLessText),d.palette){P=d.palette.slice(0),M=Ee.isArray(P[0])?P:[P],R={};for(var e=0;e<M.length;e++)for(var t=0;t<M[e].length;t++){var a=tinycolor(M[e][t]).toRgbString();R[a]=!0}}z.toggleClass("sp-flat",u),z.toggleClass("sp-input-disabled",!d.showInput),z.toggleClass("sp-alpha-enabled",d.showAlpha),z.toggleClass("sp-clear-enabled",fe),z.toggleClass("sp-buttons-disabled",!d.showButtons),z.toggleClass("sp-palette-buttons-disabled",!d.togglePaletteOnly),z.toggleClass("sp-palette-disabled",!d.showPalette),z.toggleClass("sp-palette-only",d.showPaletteOnly),z.toggleClass("sp-initial-disabled",!d.showInitial),z.addClass(d.className).addClass(d.containerClassName),je()}function he(){if(f&&window.localStorage){try{var e=window.localStorage[f].split(",#");1<e.length&&(delete window.localStorage[f],Ee.each(e,function(e,t){ge(t)}))}catch(e){}try{H=window.localStorage[f].split(";")}catch(e){}}}function ge(e){if(c){var t=tinycolor(e).toRgbString();if(!R[t]&&-1===Ee.inArray(t,H))for(H.push(t);H.length>j;)H.shift();if(f&&window.localStorage)try{window.localStorage[f]=H.join(";")}catch(e){}}}function be(){var a=Ae(),e=Ee.map(M,function(e,t){return Ke(e,a,"sp-palette-row sp-palette-row-"+t,d)});he(),H&&e.push(Ke(function(){var e=[];if(d.showPalette)for(var t=0;t<H.length;t++){var a=tinycolor(H[t]).toRgbString();R[a]||e.push(H[t])}return e.reverse().slice(0,d.maxSelectionSize)}(),a,"sp-palette-row sp-palette-row-selection",d)),Y.html(e.join(""))}function me(){if(d.showInitial){var e=le,t=Ae();Q.html(Ke([e,t],t,"sp-palette-row-initial",d))}}function ve(){(y<=0||v<=0||x<=0)&&je(),m=!0,z.addClass(O),q=null,I.trigger("dragstart.spectrum",[Ae()])}function ye(){m=!1,z.removeClass(O),I.trigger("dragstop.spectrum",[Ae()])}function we(){var e=X.val();if(null!==e&&""!==e||!fe){var t=tinycolor(e);t.isValid()?(Ce(t),He(!0)):X.addClass("sp-validation-error")}else Ce(null),He(!0)}function xe(){b?Te():ke()}function ke(){var e=Ee.Event("beforeShow.spectrum");b?je():(I.trigger(e,[Ae()]),!1===h.beforeShow(Ae())||e.isDefaultPrevented()||(!function(){for(var e=0;e<ze.length;e++)ze[e]&&ze[e].hide()}(),b=!0,Ee(E).bind("keydown.spectrum",_e),Ee(E).bind("click.spectrum",Se),Ee(window).bind("resize.spectrum",g),ne.addClass("sp-active"),z.removeClass("sp-hidden"),je(),Me(),le=Ae(),me(),h.show(le),I.trigger("show.spectrum",[le])))}function _e(e){27===e.keyCode&&Te()}function Se(e){2!=e.button&&(m||(de?He(!0):Fe(),Te()))}function Te(){b&&!u&&(b=!1,Ee(E).unbind("keydown.spectrum",_e),Ee(E).unbind("click.spectrum",Se),Ee(window).unbind("resize.spectrum",g),ne.removeClass("sp-active"),z.addClass("sp-hidden"),h.hide(Ae()),I.trigger("hide.spectrum",[Ae()]))}function Fe(){Ce(le,!0)}function Ce(e,t){var a,r;tinycolor.equals(e,Ae())?Me():(!e&&fe?ue=!0:(ue=!1,r=(a=tinycolor(e)).toHsv(),T=r.h%360/360,F=r.s,C=r.v,A=r.a),Me(),a&&a.isValid()&&!t&&(ce=d.preferredFormat||a.getFormat()))}function Ae(e){return e=e||{},fe&&ue?null:tinycolor.fromRatio({h:T,s:F,v:C,a:Math.round(100*A)/100},{format:e.format||ce})}function Pe(){Me(),h.move(Ae()),I.trigger("move.spectrum",[Ae()])}function Me(){X.removeClass("sp-validation-error"),Re();var e=tinycolor.fromRatio({h:T,s:1,v:1});L.css("background-color",e.toHexString());var t=ce;A<1&&(0!==A||"name"!==t)&&("hex"!==t&&"hex3"!==t&&"hex6"!==t&&"name"!==t||(t="rgb"));var a=Ae({format:t}),r="";if(oe.removeClass("sp-clear-display"),oe.css("background-color","transparent"),!a&&fe)oe.addClass("sp-clear-display");else{var n=a.toHexString(),i=a.toRgbString();if(Le||1===a.alpha?oe.css("background-color",i):(oe.css("background-color","transparent"),oe.css("filter",a.toFilter())),d.showAlpha){var o=a.toRgb();o.a=0;var s=tinycolor(o).toRgbString(),l="linear-gradient(left, "+s+", "+n+")";De?V.css("filter",tinycolor(s).toFilter({gradientType:1},n)):(V.css("background","-webkit-"+l),V.css("background","-moz-"+l),V.css("background","-ms-"+l),V.css("background","linear-gradient(to right, "+s+", "+n+")"))}r=a.toString(t)}d.showInput&&X.val(r),d.showPalette&&be(),me()}function Re(){var e=F,t=C;if(fe&&ue)U.hide(),K.hide(),B.hide();else{U.show(),K.show(),B.show();var a=e*v,r=y-t*y;a=Math.max(-w,Math.min(v-w,a-w)),r=Math.max(-w,Math.min(y-w,r-w)),B.css({top:r+"px",left:a+"px"});var n=A*k;U.css({left:n-_/2+"px"});var i=T*x;K.css({top:i-S+"px"})}}function He(e){var t=Ae(),a="",r=!tinycolor.equals(t,le);t&&(a=t.toString(ce),ge(t)),te&&I.val(a),e&&r&&(h.change(t),I.trigger("change",[t]))}function je(){var e,t,a,r,n,i,o,s,l,c;b&&(v=L.width(),y=L.height(),w=B.height(),$.width(),x=$.height(),S=K.height(),k=W.width(),_=U.width(),u||(z.css("position","absolute"),d.offset?z.offset(d.offset):z.offset((t=ie,a=(e=z).outerWidth(),r=e.outerHeight(),n=t.outerHeight(),i=e[0].ownerDocument,o=i.documentElement,s=o.clientWidth+Ee(i).scrollLeft(),l=o.clientHeight+Ee(i).scrollTop(),(c=t.offset()).top+=n,c.left-=Math.min(c.left,c.left+a>s&&a<s?Math.abs(c.left+a-s):0),c.top-=Math.min(c.top,c.top+r>l&&r<l?Math.abs(r+n-0):0),c))),Re(),d.showPalette&&be(),I.trigger("reflow.spectrum"))}function Oe(){Te(),N=!0,I.attr("disabled",!0),ie.addClass("sp-disabled")}!function(){if(De&&z.find("*:not(input)").attr("unselectable","on"),pe(),re&&I.after(ne).hide(),fe||J.hide(),u)I.after(z).hide();else{var e="parent"===d.appendTo?I.parent():Ee(d.appendTo);1!==e.length&&(e=Ee("body")),e.append(z)}function t(e){return e.data&&e.data.ignore?(Ce(Ee(e.target).closest(".sp-thumb-el").data("color")),Pe()):(Ce(Ee(e.target).closest(".sp-thumb-el").data("color")),Pe(),He(!0),d.hideAfterPaletteSelect&&Te()),!1}he(),ie.bind("click.spectrum touchstart.spectrum",function(e){N||xe(),e.stopPropagation(),Ee(e.target).is("input")||e.preventDefault()}),(I.is(":disabled")||!0===d.disabled)&&Oe(),z.click(Ve),X.change(we),X.bind("paste",function(){setTimeout(we,1)}),X.keydown(function(e){13==e.keyCode&&we()}),G.text(d.cancelText),G.bind("click.spectrum",function(e){e.stopPropagation(),e.preventDefault(),Fe(),Te()}),J.attr("title",d.clearText),J.bind("click.spectrum",function(e){e.stopPropagation(),e.preventDefault(),ue=!0,Pe(),u&&He(!0)}),Z.text(d.chooseText),Z.bind("click.spectrum",function(e){e.stopPropagation(),e.preventDefault(),De&&X.is(":focus")&&X.trigger("change"),X.hasClass("sp-validation-error")||(He(!0),Te())}),ee.text(d.showPaletteOnly?d.togglePaletteMoreText:d.togglePaletteLessText),ee.bind("click.spectrum",function(e){e.stopPropagation(),e.preventDefault(),d.showPaletteOnly=!d.showPaletteOnly,d.showPaletteOnly||u||z.css("left","-="+(D.outerWidth(!0)+5)),pe()}),Ue(W,function(e,t,a){A=e/k,ue=!1,a.shiftKey&&(A=Math.round(10*A)/10),Pe()},ve,ye),Ue($,function(e,t){T=parseFloat(t/x),ue=!1,d.showAlpha||(A=1),Pe()},ve,ye),Ue(L,function(e,t,a){if(a.shiftKey){if(!q){var r=F*v,n=y-C*y,i=Math.abs(e-r)>Math.abs(t-n);q=i?"x":"y"}}else q=null;var o=!q||"y"===q;(!q||"x"===q)&&(F=parseFloat(e/v)),o&&(C=parseFloat((y-t)/y)),ue=!1,d.showAlpha||(A=1),Pe()},ve,ye),se?(Ce(se),Me(),ce=d.preferredFormat||tinycolor(se).format,ge(se)):Me(),u&&ke();var a=De?"mousedown.spectrum":"click.spectrum touchstart.spectrum";Y.delegate(".sp-thumb-el",a,t),Q.delegate(".sp-thumb-el:nth-child(1)",a,{ignore:!0},t)}();var qe={show:ke,hide:Te,toggle:xe,reflow:je,option:function(e,t){return e===Ie?Ee.extend({},d):t===Ie?d[e]:(d[e]=t,"preferredFormat"===e&&(ce=d.preferredFormat),void pe())},enable:function(){N=!1,I.attr("disabled",!1),ie.removeClass("sp-disabled")},disable:Oe,offset:function(e){d.offset=e,je()},set:function(e){Ce(e),He()},get:Ae,destroy:function(){I.show(),ie.unbind("click.spectrum touchstart.spectrum"),z.remove(),ne.remove(),ze[qe.id]=null},container:z};return qe.id=ze.push(qe)-1,qe}function e(){}function Ve(e){e.stopPropagation()}function We(e,t){var a=Array.prototype.slice,r=a.call(arguments,2);return function(){return e.apply(t,r.concat(a.call(arguments)))}}function Ue(o,s,t,e){s=s||function(){},t=t||function(){},e=e||function(){};var l=document,c=!1,d={},u=0,f=0,p="ontouchstart"in window,a={};function h(e){e.stopPropagation&&e.stopPropagation(),e.preventDefault&&e.preventDefault(),e.returnValue=!1}function r(e){if(c){if(De&&l.documentMode<9&&!e.button)return g();var t=e.originalEvent&&e.originalEvent.touches&&e.originalEvent.touches[0],a=t&&t.pageX||e.pageX,r=t&&t.pageY||e.pageY,n=Math.max(0,Math.min(a-d.left,f)),i=Math.max(0,Math.min(r-d.top,u));p&&h(e),s.apply(o,[n,i,e])}}function g(){c&&(Ee(l).unbind(a),Ee(l.body).removeClass("sp-dragging"),setTimeout(function(){e.apply(o,arguments)},0)),c=!1}a.selectstart=h,a.dragstart=h,a["touchmove mousemove"]=r,a["touchend mouseup"]=g,Ee(o).bind("touchstart mousedown",function(e){(e.which?3==e.which:2==e.button)||c||!1!==t.apply(o,arguments)&&(c=!0,u=Ee(o).height(),f=Ee(o).width(),d=Ee(o).offset(),Ee(l).bind(a),Ee(l.body).addClass("sp-dragging"),r(e),h(e))})}function Xe(){return Ee.fn.spectrum.inputTypeColorSupport()}var i="spectrum.id";Ee.fn.spectrum=function(a,e){if("string"==typeof a){var r=this,n=Array.prototype.slice.call(arguments,1);return this.each(function(){var e=ze[Ee(this).data(i)];if(e){var t=e[a];if(!t)throw new Error("Spectrum: no such method: '"+a+"'");"get"==a?r=e.get():"container"==a?r=e.container:"option"==a?r=e.option.apply(e,n):"destroy"==a?(e.destroy(),Ee(this).removeData(i)):t.apply(e,n)}}),r}return this.spectrum("destroy").each(function(){var e=t(this,Ee.extend({},a,Ee(this).data()));Ee(this).data(i,e.id)})},Ee.fn.spectrum.load=!0,Ee.fn.spectrum.loadOpts={},Ee.fn.spectrum.draggable=Ue,Ee.fn.spectrum.defaults=Ne,Ee.fn.spectrum.inputTypeColorSupport=function e(){if(void 0===e._cachedResult){var t=Ee("<input type='color'/>")[0];e._cachedResult="color"===t.type&&""!==t.value}return e._cachedResult},Ee.spectrum={},Ee.spectrum.localization={},Ee.spectrum.palettes={},Ee.fn.spectrum.processNativeColorInputs=function(){var e=Ee("input[type=color]");e.length&&!Xe()&&e.spectrum({preferredFormat:"hex6"})},function(){var l=/^[\s,#]+/,c=/\s+$/,n=0,d=Math,i=d.round,u=d.min,f=d.max,e=d.random,p=function e(t,a){if(a=a||{},(t=t||"")instanceof e)return t;if(!(this instanceof e))return new e(t,a);var r=function(e){var t={r:0,g:0,b:0},a=1,r=!1,n=!1;"string"==typeof e&&(e=function(e){e=e.replace(l,"").replace(c,"").toLowerCase();var t,a=!1;if(F[e])e=F[e],a=!0;else if("transparent"==e)return{r:0,g:0,b:0,a:0,format:"name"};if(t=I.rgb.exec(e))return{r:t[1],g:t[2],b:t[3]};if(t=I.rgba.exec(e))return{r:t[1],g:t[2],b:t[3],a:t[4]};if(t=I.hsl.exec(e))return{h:t[1],s:t[2],l:t[3]};if(t=I.hsla.exec(e))return{h:t[1],s:t[2],l:t[3],a:t[4]};if(t=I.hsv.exec(e))return{h:t[1],s:t[2],v:t[3]};if(t=I.hsva.exec(e))return{h:t[1],s:t[2],v:t[3],a:t[4]};if(t=I.hex8.exec(e))return{a:(r=t[1],R(r)/255),r:R(t[2]),g:R(t[3]),b:R(t[4]),format:a?"name":"hex8"};var r;if(t=I.hex6.exec(e))return{r:R(t[1]),g:R(t[2]),b:R(t[3]),format:a?"name":"hex"};if(t=I.hex3.exec(e))return{r:R(t[1]+""+t[1]),g:R(t[2]+""+t[2]),b:R(t[3]+""+t[3]),format:a?"name":"hex"};return!1}(e));"object"==(void 0===e?"undefined":N(e))&&(e.hasOwnProperty("r")&&e.hasOwnProperty("g")&&e.hasOwnProperty("b")?(i=e.r,o=e.g,s=e.b,t={r:255*P(i,255),g:255*P(o,255),b:255*P(s,255)},r=!0,n="%"===String(e.r).substr(-1)?"prgb":"rgb"):e.hasOwnProperty("h")&&e.hasOwnProperty("s")&&e.hasOwnProperty("v")?(e.s=j(e.s),e.v=j(e.v),t=function(e,t,a){e=6*P(e,360),t=P(t,100),a=P(a,100);var r=d.floor(e),n=e-r,i=a*(1-t),o=a*(1-n*t),s=a*(1-(1-n)*t),l=r%6;return{r:255*[a,o,i,i,s,a][l],g:255*[s,a,a,o,i,i][l],b:255*[i,i,s,a,a,o][l]}}(e.h,e.s,e.v),r=!0,n="hsv"):e.hasOwnProperty("h")&&e.hasOwnProperty("s")&&e.hasOwnProperty("l")&&(e.s=j(e.s),e.l=j(e.l),t=function(e,t,a){var r,n,i;function o(e,t,a){return a<0&&(a+=1),1<a&&(a-=1),a<1/6?e+6*(t-e)*a:a<.5?t:a<2/3?e+(t-e)*(2/3-a)*6:e}if(e=P(e,360),t=P(t,100),a=P(a,100),0===t)r=n=i=a;else{var s=a<.5?a*(1+t):a+t-a*t,l=2*a-s;r=o(l,s,e+1/3),n=o(l,s,e),i=o(l,s,e-1/3)}return{r:255*r,g:255*n,b:255*i}}(e.h,e.s,e.l),r=!0,n="hsl"),e.hasOwnProperty("a")&&(a=e.a));var i,o,s;return a=A(a),{ok:r,format:e.format||n,r:u(255,f(t.r,0)),g:u(255,f(t.g,0)),b:u(255,f(t.b,0)),a:a}}(t);this._originalInput=t,this._r=r.r,this._g=r.g,this._b=r.b,this._a=r.a,this._roundA=i(100*this._a)/100,this._format=a.format||r.format,this._gradientType=a.gradientType,this._r<1&&(this._r=i(this._r)),this._g<1&&(this._g=i(this._g)),this._b<1&&(this._b=i(this._b)),this._ok=r.ok,this._tc_id=n++};function o(e,t,a){e=P(e,255),t=P(t,255),a=P(a,255);var r,n,i=f(e,t,a),o=u(e,t,a),s=(i+o)/2;if(i==o)r=n=0;else{var l=i-o;switch(n=.5<s?l/(2-i-o):l/(i+o),i){case e:r=(t-a)/l+(t<a?6:0);break;case t:r=(a-e)/l+2;break;case a:r=(e-t)/l+4}r/=6}return{h:r,s:n,l:s}}function s(e,t,a){e=P(e,255),t=P(t,255),a=P(a,255);var r,n,i=f(e,t,a),o=u(e,t,a),s=i,l=i-o;if(n=0===i?0:l/i,i==o)r=0;else{switch(i){case e:r=(t-a)/l+(t<a?6:0);break;case t:r=(a-e)/l+2;break;case a:r=(e-t)/l+4}r/=6}return{h:r,s:n,v:s}}function t(e,t,a,r){var n=[H(i(e).toString(16)),H(i(t).toString(16)),H(i(a).toString(16))];return r&&n[0].charAt(0)==n[0].charAt(1)&&n[1].charAt(0)==n[1].charAt(1)&&n[2].charAt(0)==n[2].charAt(1)?n[0].charAt(0)+n[1].charAt(0)+n[2].charAt(0):n.join("")}function h(e,t,a,r){var n;return[H((n=r,Math.round(255*parseFloat(n)).toString(16))),H(i(e).toString(16)),H(i(t).toString(16)),H(i(a).toString(16))].join("")}function a(e,t){t=0===t?0:t||10;var a=p(e).toHsl();return a.s-=t/100,a.s=M(a.s),p(a)}function r(e,t){t=0===t?0:t||10;var a=p(e).toHsl();return a.s+=t/100,a.s=M(a.s),p(a)}function g(e){return p(e).desaturate(100)}function b(e,t){t=0===t?0:t||10;var a=p(e).toHsl();return a.l+=t/100,a.l=M(a.l),p(a)}function m(e,t){t=0===t?0:t||10;var a=p(e).toRgb();return a.r=f(0,u(255,a.r-i(-t/100*255))),a.g=f(0,u(255,a.g-i(-t/100*255))),a.b=f(0,u(255,a.b-i(-t/100*255))),p(a)}function v(e,t){t=0===t?0:t||10;var a=p(e).toHsl();return a.l-=t/100,a.l=M(a.l),p(a)}function y(e,t){var a=p(e).toHsl(),r=(i(a.h)+t)%360;return a.h=r<0?360+r:r,p(a)}function w(e){var t=p(e).toHsl();return t.h=(t.h+180)%360,p(t)}function x(e){var t=p(e).toHsl(),a=t.h;return[p(e),p({h:(a+120)%360,s:t.s,l:t.l}),p({h:(a+240)%360,s:t.s,l:t.l})]}function k(e){var t=p(e).toHsl(),a=t.h;return[p(e),p({h:(a+90)%360,s:t.s,l:t.l}),p({h:(a+180)%360,s:t.s,l:t.l}),p({h:(a+270)%360,s:t.s,l:t.l})]}function _(e){var t=p(e).toHsl(),a=t.h;return[p(e),p({h:(a+72)%360,s:t.s,l:t.l}),p({h:(a+216)%360,s:t.s,l:t.l})]}function S(e,t,a){t=t||6,a=a||30;var r=p(e).toHsl(),n=360/a,i=[p(e)];for(r.h=(r.h-(n*t>>1)+720)%360;--t;)r.h=(r.h+n)%360,i.push(p(r));return i}function T(e,t){t=t||6;for(var a=p(e).toHsv(),r=a.h,n=a.s,i=a.v,o=[],s=1/t;t--;)o.push(p({h:r,s:n,v:i})),i=(i+s)%1;return o}p.prototype={isDark:function(){return this.getBrightness()<128},isLight:function(){return!this.isDark()},isValid:function(){return this._ok},getOriginalInput:function(){return this._originalInput},getFormat:function(){return this._format},getAlpha:function(){return this._a},getBrightness:function(){var e=this.toRgb();return(299*e.r+587*e.g+114*e.b)/1e3},setAlpha:function(e){return this._a=A(e),this._roundA=i(100*this._a)/100,this},toHsv:function(){var e=s(this._r,this._g,this._b);return{h:360*e.h,s:e.s,v:e.v,a:this._a}},toHsvString:function(){var e=s(this._r,this._g,this._b),t=i(360*e.h),a=i(100*e.s),r=i(100*e.v);return 1==this._a?"hsv("+t+", "+a+"%, "+r+"%)":"hsva("+t+", "+a+"%, "+r+"%, "+this._roundA+")"},toHsl:function(){var e=o(this._r,this._g,this._b);return{h:360*e.h,s:e.s,l:e.l,a:this._a}},toHslString:function(){var e=o(this._r,this._g,this._b),t=i(360*e.h),a=i(100*e.s),r=i(100*e.l);return 1==this._a?"hsl("+t+", "+a+"%, "+r+"%)":"hsla("+t+", "+a+"%, "+r+"%, "+this._roundA+")"},toHex:function(e){return t(this._r,this._g,this._b,e)},toHexString:function(e){return"#"+this.toHex(e)},toHex8:function(){return h(this._r,this._g,this._b,this._a)},toHex8String:function(){return"#"+this.toHex8()},toRgb:function(){return{r:i(this._r),g:i(this._g),b:i(this._b),a:this._a}},toRgbString:function(){return 1==this._a?"rgb("+i(this._r)+", "+i(this._g)+", "+i(this._b)+")":"rgba("+i(this._r)+", "+i(this._g)+", "+i(this._b)+", "+this._roundA+")"},toPercentageRgb:function(){return{r:i(100*P(this._r,255))+"%",g:i(100*P(this._g,255))+"%",b:i(100*P(this._b,255))+"%",a:this._a}},toPercentageRgbString:function(){return 1==this._a?"rgb("+i(100*P(this._r,255))+"%, "+i(100*P(this._g,255))+"%, "+i(100*P(this._b,255))+"%)":"rgba("+i(100*P(this._r,255))+"%, "+i(100*P(this._g,255))+"%, "+i(100*P(this._b,255))+"%, "+this._roundA+")"},toName:function(){return 0===this._a?"transparent":!(this._a<1)&&(C[t(this._r,this._g,this._b,!0)]||!1)},toFilter:function(e){var t="#"+h(this._r,this._g,this._b,this._a),a=t,r=this._gradientType?"GradientType = 1, ":"";e&&(a=p(e).toHex8String());return"progid:DXImageTransform.Microsoft.gradient("+r+"startColorstr="+t+",endColorstr="+a+")"},toString:function(e){var t=!!e;e=e||this._format;var a=!1,r=this._a<1&&0<=this._a;return t||!r||"hex"!==e&&"hex6"!==e&&"hex3"!==e&&"name"!==e?("rgb"===e&&(a=this.toRgbString()),"prgb"===e&&(a=this.toPercentageRgbString()),"hex"!==e&&"hex6"!==e||(a=this.toHexString()),"hex3"===e&&(a=this.toHexString(!0)),"hex8"===e&&(a=this.toHex8String()),"name"===e&&(a=this.toName()),"hsl"===e&&(a=this.toHslString()),"hsv"===e&&(a=this.toHsvString()),a||this.toHexString()):"name"===e&&0===this._a?this.toName():this.toRgbString()},_applyModification:function(e,t){var a=e.apply(null,[this].concat([].slice.call(t)));return this._r=a._r,this._g=a._g,this._b=a._b,this.setAlpha(a._a),this},lighten:function(){return this._applyModification(b,arguments)},brighten:function(){return this._applyModification(m,arguments)},darken:function(){return this._applyModification(v,arguments)},desaturate:function(){return this._applyModification(a,arguments)},saturate:function(){return this._applyModification(r,arguments)},greyscale:function(){return this._applyModification(g,arguments)},spin:function(){return this._applyModification(y,arguments)},_applyCombination:function(e,t){return e.apply(null,[this].concat([].slice.call(t)))},analogous:function(){return this._applyCombination(S,arguments)},complement:function(){return this._applyCombination(w,arguments)},monochromatic:function(){return this._applyCombination(T,arguments)},splitcomplement:function(){return this._applyCombination(_,arguments)},triad:function(){return this._applyCombination(x,arguments)},tetrad:function(){return this._applyCombination(k,arguments)}},p.fromRatio=function(e,t){if("object"==(void 0===e?"undefined":N(e))){var a={};for(var r in e)e.hasOwnProperty(r)&&(a[r]="a"===r?e[r]:j(e[r]));e=a}return p(e,t)},p.equals=function(e,t){return!(!e||!t)&&p(e).toRgbString()==p(t).toRgbString()},p.random=function(){return p.fromRatio({r:e(),g:e(),b:e()})},p.mix=function(e,t,a){a=0===a?0:a||50;var r,n=p(e).toRgb(),i=p(t).toRgb(),o=a/100,s=2*o-1,l=i.a-n.a,c=1-(r=((r=s*l==-1?s:(s+l)/(1+s*l))+1)/2),d={r:i.r*r+n.r*c,g:i.g*r+n.g*c,b:i.b*r+n.b*c,a:i.a*o+n.a*(1-o)};return p(d)},p.readability=function(e,t){var a=p(e),r=p(t),n=a.toRgb(),i=r.toRgb(),o=a.getBrightness(),s=r.getBrightness(),l=Math.max(n.r,i.r)-Math.min(n.r,i.r)+Math.max(n.g,i.g)-Math.min(n.g,i.g)+Math.max(n.b,i.b)-Math.min(n.b,i.b);return{brightness:Math.abs(o-s),color:l}},p.isReadable=function(e,t){var a=p.readability(e,t);return 125<a.brightness&&500<a.color},p.mostReadable=function(e,t){for(var a=null,r=0,n=!1,i=0;i<t.length;i++){var o=p.readability(e,t[i]),s=125<o.brightness&&500<o.color,l=o.brightness/125*3+o.color/500;(s&&!n||s&&n&&r<l||!s&&!n&&r<l)&&(n=s,r=l,a=p(t[i]))}return a};var F=p.names={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"0ff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"00f",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",burntsienna:"ea7e5d",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"0ff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"f0f",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"663399",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"},C=p.hexNames=function(e){var t={};for(var a in e)e.hasOwnProperty(a)&&(t[e[a]]=a);return t}(F);function A(e){return e=parseFloat(e),(isNaN(e)||e<0||1<e)&&(e=1),e}function P(e,t){var a;"string"==typeof(a=e)&&-1!=a.indexOf(".")&&1===parseFloat(a)&&(e="100%");var r,n="string"==typeof(r=e)&&-1!=r.indexOf("%");return e=u(t,f(0,parseFloat(e))),n&&(e=parseInt(e*t,10)/100),d.abs(e-t)<1e-6?1:e%t/parseFloat(t)}function M(e){return u(1,f(0,e))}function R(e){return parseInt(e,16)}function H(e){return 1==e.length?"0"+e:""+e}function j(e){return e<=1&&(e=100*e+"%"),e}var O,q,E,I=(q="[\\s|\\(]+("+(O="(?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?)")+")[,|\\s]+("+O+")[,|\\s]+("+O+")\\s*\\)?",E="[\\s|\\(]+("+O+")[,|\\s]+("+O+")[,|\\s]+("+O+")[,|\\s]+("+O+")\\s*\\)?",{rgb:new RegExp("rgb"+q),rgba:new RegExp("rgba"+E),hsl:new RegExp("hsl"+q),hsla:new RegExp("hsla"+E),hsv:new RegExp("hsv"+q),hsva:new RegExp("hsva"+E),hex3:/^([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex6:/^([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,hex8:/^([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/});window.tinycolor=p}(),Ee(function(){Ee.fn.spectrum.load&&Ee.fn.spectrum.processNativeColorInputs()})},"function"==typeof define&&define.amd?define(["jquery"],e):"object"==("undefined"==typeof exports?"undefined":N(exports))&&"object"==("undefined"==typeof module?"undefined":N(module))?module.exports=e(require("jquery")):e(jQuery);var t=document.querySelector("[data-js-tabstats]");if(t){var a=t.querySelector("[data-js-header]"),n=Array.from(a.querySelectorAll("[data-js]")),i=Array.from(t.querySelectorAll("[data-js-body]"));a.addEventListener("click",function(e){var a=e.target;if(a.hasAttribute("data-js")&&!a.hasAttribute("data-active")){var r=void 0;n.forEach(function(e,t){e===a?(r=t,e.setAttribute("data-active","")):e.removeAttribute("data-active")}),i.forEach(function(e,t){t===r?e.setAttribute("data-active",""):e.removeAttribute("data-active")})}})}var h={html:'<div class="realTimeFeedback realTimeFeedback-poll realTimeFeedback-animation-${animation} realTimeFeedback-position-${position}">\n            <div class="realTimeFeedback-poll-body">\n                <div class="realTimeFeedback-poll-step1">\n                    <div class="realTimeFeedback-poll-title">${title}</div>\n                    <textarea class="realTimeFeedback-poll-textarea" rows="5" placeholder="Type here your message..."></textarea>\n                    <input type="email" class="realTimeFeedback-poll-input" placeholder="Enter email for a response (optional)" />\n                    <div class="realTimeFeedback-button realTimeFeedback-poll-button">${actionText}</div>\n                </div>\n                <div class="realTimeFeedback-poll-step2" data-realTimeFeedback-action="next">\n                    <div class="realTimeFeedback-poll-title">${thanks}</div>\n                    <div class="realTimeFeedback-button realTimeFeedback-poll-button-close">${thanksButton}</div>\n                </div>\n            </div>\n            <div class="realTimeFeedback-poll-close" data-realTimeFeedback-action="close">\n                <svg height="11" width="11" xmlns="http://www.w3.org/2000/svg">\n                    <line x1="0" y1="11" x2="11" y2="0" stroke-width="2"/>\n                    <line x1="0" y1="0" x2="11" y2="11" stroke-width="2"/>\n                </svg>\n            </div>\n        </div>',css:{".realTimeFeedback-poll":{"border-radius":"4px 5px 0 0","z-index":2147483647,background:"rgb(60, 60, 60)",position:"fixed","max-width":"350px",width:"100%","box-shadow":"0 0 14px 3px rgba(0, 0, 0, 0.38)","font-family":"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif","font-weight":400,"line-height":1.4,color:"rgb(255, 255, 255)"},".realTimeFeedback-poll-body":{margin:"18px 13px 18px 13px"},".realTimeFeedback-poll-step1":{display:"flex","flex-direction":"column"},".realTimeFeedback-poll-title":{"max-width":"100%","text-align":"center",margin:"0 0 12px",padding:"0 20px","font-size":"15px","align-self":"center"},".realTimeFeedback-poll textarea.realTimeFeedback-poll-textarea":{color:"#585858",background:"#fff","font-family":"inherit","font-size":"13px","line-height":"inherit","font-weight":"inherit",padding:"9px 10px",resize:"none",width:"100%",border:"1px solid #3c3c3c","border-radius":"4px"},".realTimeFeedback-poll input.realTimeFeedback-poll-input":{color:"#585858",background:"#fff",width:"100%",padding:"0 10px",margin:"5px 0 0 0",border:"1px solid #3c3c3c","font-family":"inherit","font-size":"13px","line-height":"inherit","font-weight":"inherit",height:"36px","border-radius":"4px"},".realTimeFeedback-poll-button":{"-webkit-user-select":"none","-moz-user-select":"none","-ms-user-select":"none","user-select":"none","text-align":"center",cursor:"default",color:"rgba(255, 255, 255, 0.25)",padding:"10px 18px",background:"#545454","border-radius":"4px","font-size":"13px",margin:"18px 1px 0 0",transition:"background .3s, color .3s","align-self":"flex-end"},".realTimeFeedback-poll-button--active":{cursor:"pointer",color:"#fff",background:"#2b882b"},".realTimeFeedback-poll-step2":{display:"none","flex-direction":"column","align-items":"center","justify-content":"center",padding:"12px 0 6px"},".realTimeFeedback-poll-button-close":{cursor:"pointer",padding:"10px 18px",background:"#616161",color:"#fff","border-radius":"4px","font-size":"13px",margin:"5px 0 0 0"},".realTimeFeedback-poll-button-close:hover":{opacity:.9},".realTimeFeedback-poll-button--active:hover":{opacity:.9},".realTimeFeedback-poll-close":{display:"flex",position:"absolute",right:"8px",top:"8px",padding:"5px",cursor:"pointer",stroke:"#888"},".realTimeFeedback-poll-close:hover":{stroke:"#ccc"}},data:{position:"bottom-left",animation:"slideUp",title:"Would love to hear your feedback!",actionText:"Send Message",thanks:"Thank you for answering this poll. Your feedback is appreciated!",thanksButton:"Close"},name:"poll"};function g(){var e=document.querySelector("[data-js-realTimeFeedback-style-poll]");e||((e=document.createElement("style")).type="text/css",e.setAttribute("data-js-realTimeFeedback-style-poll",""),document.head.appendChild(e));var a="";Object.keys(h.css).forEach(function(t){a+=t+" {",Object.keys(h.css[t]).forEach(function(e){a+=e+": "+h.css[t][e]+";"}),a+="}"}),e.innerHTML=a}function b(){for(var e=h.html,t=h.data,a=/\${(.*?)}/g,r=void 0;r=a.exec(e);)e=e.replace(r[0],t[r[1]]);document.querySelector("[data-js-realTimeFeedback-preview]").innerHTML=e}function m(e,t){h.data[e]=t.value,b(),v()}function v(){document.querySelector("[data-js-saveButton]").removeAttribute("disabled")}document.querySelector("[data-js-realTimeFeedback-preview]")&&(requestIdleCallback(function(){var a=null,e=function(e){var t=e.getAttribute("data-js-realTimeFeedback-option");h.data[t]=e.value,"SELECT"===e.nodeName?e.addEventListener("change",m.bind(null,t,e)):e.addEventListener("keyup",function(){clearTimeout(a),a=setTimeout(m.bind(null,t,e),400)})},t=!0,r=!1,n=void 0;try{for(var i,o=document.querySelectorAll("[data-js-realTimeFeedback-option]")[Symbol.iterator]();!(t=(i=o.next()).done);t=!0){e(f=i.value)}}catch(e){r=!0,n=e}finally{try{!t&&o.return&&o.return()}finally{if(r)throw n}}var s=!0,l=!1,c=void 0;try{for(var d,u=document.querySelectorAll("[data-js-realTimeFeedback-spectrum]")[Symbol.iterator]();!(s=(d=u.next()).done);s=!0){var f=d.value;h.css[".realTimeFeedback-poll"][f.getAttribute("data-js-realTimeFeedback-spectrum")]=f.value}}catch(e){l=!0,c=e}finally{try{!s&&u.return&&u.return()}finally{if(l)throw c}}var p=document.querySelector("[data-js-realTimeFeedback-font]");h.css[".realTimeFeedback-poll"]["font-family"]=p.value,p.addEventListener("keyup",function(){h.css[".realTimeFeedback-poll"]["font-family"]=p.value,g(),v()}),g(),b()},{timeout:1e3}),jQuery("[data-js-realTimeFeedback-spectrum]").spectrum({showInput:!0,showAlpha:!0,showPalette:!0,maxSelectionSize:5,showInitial:!0,showButtons:!1,preferredFormat:"rgb",palette:[["#fff","#ccc","#333"],["#e4423c","#90c54d","#7044bf"],["#247dd6","#f7d913","#5ed0da"]],move:function(e){var t=e.toRgbString();h.css[".realTimeFeedback-poll"][this.getAttribute("data-js-realTimeFeedback-spectrum")]=t,this.value=t,g(),v()}}))}();
  • usability-feedback/trunk/admin/views/home_page.php

    r1912544 r1915924  
    88<div class="usbfdbadmin">
    99    <h1 class="wp-heading-inline">
    10         <span>Usability Feedback</span>
    11         <a class="usbfdbadmin-link" href="<?php menu_page_url('usabilityFeedback')?>&poll-options">Edit Poll Settings</a>
     10        <span>Real-Time Feedback</span>
     11        <a class="usbfdbadmin-link" href="<?php menu_page_url('realTimeFeedback')?>&poll-options">Edit Poll Settings</a>
    1212    </h1>
    1313
     
    102102                            </td>
    103103                            <td>
    104                                 <a href="<?php menu_page_url('usabilityFeedback')?>&id=<?php echo $value->id; ?>" class="usbfdbadmin-button">VIEW REPORT</a>
     104                                <a href="<?php menu_page_url('realTimeFeedback')?>&id=<?php echo $value->id; ?>" class="usbfdbadmin-button">VIEW REPORT</a>
    105105                            </td>
    106106                        </tr>
     
    112112    <?php
    113113        } else {
    114             echo '<p>Usability Feedback is now collecting data from your website. <br>';
    115             echo 'Here you\'ll see what usability bottlenecks you have in your funnel. </p>';
     114            echo '<p>Real-Time Feedback is now collecting data from your website. <br>';
     115            echo 'Here you\'ll see what issues you have in your funnel. </p>';
    116116        }
    117117    ?>
  • usability-feedback/trunk/admin/views/poll-options.php

    r1912544 r1915924  
    1010
    1111    <div class="usbfdbadmin-preview-container">
    12         <form action="<?php menu_page_url('usabilityFeedback')?>&poll-options" method="post" accept-charset="utf-8" class="usbfdbadmin-form">
     12        <form action="<?php menu_page_url('realTimeFeedback')?>&poll-options" method="post" accept-charset="utf-8" class="usbfdbadmin-form">
    1313            <p>
    1414                Interact with your users by showing a poll.
     
    1616            <div class="usbfdbadmin-form-section">
    1717                <label for="position">Position</label>
    18                 <select id="position" class="usbfdbadmin-form-select" name="position" data-js-usabilityFeedback-option="position">
     18                <select id="position" class="usbfdbadmin-form-select" name="position" data-js-realTimeFeedback-option="position">
    1919                    <option value="bottom-left" <?php if ($options->position === 'bottom-left') { echo 'selected'; } ?>>Bottom Left</option>
    2020                    <option value="bottom-right" <?php if ($options->position === 'bottom-right') { echo 'selected'; } ?>>Bottom Right</option>
     
    2323            <div class="usbfdbadmin-form-section">
    2424                <label for="animation">Animation</label>
    25                 <select id="animation" class="usbfdbadmin-form-select" name="animation" data-js-usabilityFeedback-option="animation">
     25                <select id="animation" class="usbfdbadmin-form-select" name="animation" data-js-realTimeFeedback-option="animation">
    2626                    <option value="slideUp" <?php if ($options->animation === 'slideUp') { echo 'selected'; } ?>>Slide Up</option>
    2727                    <option value="fadeIn" <?php if ($options->animation === 'fadeIn') { echo 'selected'; } ?>>Fade In</option>
     
    3030            <div class="usbfdbadmin-form-section">
    3131                <label for="title">Title</label>
    32                 <input type="text" id="title" name="title" value="<?php echo $options->title; ?>" class="usbfdbadmin-form-input" data-js-usabilityFeedback-option="title">
     32                <input type="text" id="title" name="title" value="<?php echo $options->title; ?>" class="usbfdbadmin-form-input" data-js-realTimeFeedback-option="title">
    3333            </div>
    3434            <div class="usbfdbadmin-form-section">
    3535                <label for="actionText">Action Text</label>
    36                 <input type="text" id="actionText" name="actionText" value="<?php echo $options->actionText; ?>" class="usbfdbadmin-form-input" data-js-usabilityFeedback-option="actionText">
     36                <input type="text" id="actionText" name="actionText" value="<?php echo $options->actionText; ?>" class="usbfdbadmin-form-input" data-js-realTimeFeedback-option="actionText">
    3737            </div>
    3838            <div class="usbfdbadmin-form-section">
    3939                <label for="thanks">Thank you Message</label>
    40                 <input type="text" id="thanks" name="thanks" value="<?php echo $options->thanks; ?>" class="usbfdbadmin-form-input" data-js-usabilityFeedback-option="thanks">
     40                <input type="text" id="thanks" name="thanks" value="<?php echo $options->thanks; ?>" class="usbfdbadmin-form-input" data-js-realTimeFeedback-option="thanks">
    4141            </div>
    4242            <div class="usbfdbadmin-form-section">
    4343                <label for="thanksButton">Thank you Button</label>
    44                 <input type="text" id="thanksButton" name="thanksButton" value="<?php echo $options->thanksButton; ?>" class="usbfdbadmin-form-input" data-js-usabilityFeedback-option="thanksButton">
     44                <input type="text" id="thanksButton" name="thanksButton" value="<?php echo $options->thanksButton; ?>" class="usbfdbadmin-form-input" data-js-realTimeFeedback-option="thanksButton">
    4545            </div>
    4646            <div class="usbfdbadmin-form-section">
    4747                <label for="font">Font Family</label>
    48                 <input type="text" id="font" name="font" value="<?php echo $options->font; ?>" class="usbfdbadmin-form-input" data-js-usabilityFeedback-font>
     48                <input type="text" id="font" name="font" value="<?php echo $options->font; ?>" class="usbfdbadmin-form-input" data-js-realTimeFeedback-font>
    4949            </div>
    5050            <div class="usbfdbadmin-form-section">
    5151                <label for="background">Background Color</label>
    52                     <input type="text" id="background" name="background" value="<?php echo $options->background; ?>" data-js-usabilityFeedback-spectrum="background">
     52                    <input type="text" id="background" name="background" value="<?php echo $options->background; ?>" data-js-realTimeFeedback-spectrum="background">
    5353            </div>
    5454            <div class="usbfdbadmin-form-section">
    5555                <label for="color">Text Color</label>
    56                     <input type="text" id="color" name="color" value="<?php echo $options->color; ?>" data-js-usabilityFeedback-spectrum="color">
     56                    <input type="text" id="color" name="color" value="<?php echo $options->color; ?>" data-js-realTimeFeedback-spectrum="color">
    5757            </div>
    5858
     
    6464        <div class="usbfdbadmin-preview">
    6565            <h2>Preview</h2>
    66             <div class="usbfdbadmin-preview-wrap" data-js-usabilityFeedback-preview></div>
     66            <div class="usbfdbadmin-preview-wrap" data-js-realTimeFeedback-preview></div>
    6767        </div>
    6868    </div>
  • usability-feedback/trunk/public/js/main.js

    r1912544 r1915924  
    1 var _usabilityFeedback = (function () {
     1var _realTimeFeedback = (function () {
    22    'use strict';
    33
    4     var startUsabilityFeedbackEnabled = true;
    5 
    6     function disableUsabilityFeedback() {
    7         startUsabilityFeedbackEnabled = false;
     4    var startRealTimeFeedbackEnabled = true;
     5
     6    function disableRealTimeFeedback() {
     7        startRealTimeFeedbackEnabled = false;
    88    }
    99
     
    397397    }();
    398398
    399     if (Object.prototype.toString.call(window._usabilityFeedback) === '[object Object]') {
    400         throw new Error('--> usabilityFeedback script is already included on this page.');
     399    if (Object.prototype.toString.call(window._realTimeFeedback) === '[object Object]') {
     400        throw new Error('--> realTimeFeedback script is already included on this page.');
    401401    }
    402402
     
    406406        var storage = window.localStorage;
    407407
    408         if (!storage.getItem('usabilityFeedback')) {
    409             var x = '_usabilityFeedback_test_';
     408        if (!storage.getItem('realTimeFeedback')) {
     409            var x = '_realTimeFeedback_test_';
    410410            storage.setItem(x, x);
    411411            storage.removeItem(x);
    412412        }
    413413    } catch (err) {
    414         disableUsabilityFeedback();
     414        disableRealTimeFeedback();
    415415    }
    416416
     
    421421      */
    422422    if (!window.requestAnimationFrame) {
    423         disableUsabilityFeedback();
     423        disableRealTimeFeedback();
    424424    }
    425425
     
    752752        var cssElement = document.createElement('style');
    753753        cssElement.type = 'text/css';
    754         cssElement.id = 'usabilityFeedback-custom-css';
    755         cssElement.innerHTML = '.usabilityFeedback,.usabilityFeedback *{box-sizing:border-box}.usabilityFeedback :focus{outline:none}.usabilityFeedback{will-change:transform, opacity}.usabilityFeedback-position-bottom{bottom:0}.usabilityFeedback-position-top{top:0}.usabilityFeedback-position-bottom-left{bottom:0;left:175px}.usabilityFeedback-position-bottom-right{bottom:0;right:175px}@media screen and (max-width: 700px){.usabilityFeedback-position-bottom-right{right:calc(50% - 175px)}.usabilityFeedback-position-bottom-left{left:calc(50% - 175px)}}@media screen and (max-width: 350px){.usabilityFeedback-position-bottom-right{right:0}.usabilityFeedback-position-bottom-left{left:0}}.usabilityFeedback-animation-fadeIn{-webkit-animation:usabilityFeedback-keyframes-fadeIn .7s ease-in-out both;animation:usabilityFeedback-keyframes-fadeIn .7s ease-in-out both}@-webkit-keyframes usabilityFeedback-keyframes-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes usabilityFeedback-keyframes-fadeIn{0%{opacity:0}100%{opacity:1}}.usabilityFeedback-animation-slideUp{-webkit-animation:usabilityFeedback-keyframes-slideUp .7s ease-in-out both;animation:usabilityFeedback-keyframes-slideUp .7s ease-in-out both}@-webkit-keyframes usabilityFeedback-keyframes-slideUp{0%{-webkit-transform:translateY(150%)}100%{-webkit-transform:translateY(0)}}@keyframes usabilityFeedback-keyframes-slideUp{0%{transform:translateY(150%)}100%{transform:translateY(0)}}';
     754        cssElement.id = 'realTimeFeedback-custom-css';
     755        cssElement.innerHTML = '.realTimeFeedback,.realTimeFeedback *{box-sizing:border-box}.realTimeFeedback :focus{outline:none}.realTimeFeedback{will-change:transform, opacity}.realTimeFeedback-position-bottom{bottom:0}.realTimeFeedback-position-top{top:0}.realTimeFeedback-position-bottom-left{bottom:0;left:175px}.realTimeFeedback-position-bottom-right{bottom:0;right:175px}@media screen and (max-width: 700px){.realTimeFeedback-position-bottom-right{right:calc(50% - 175px)}.realTimeFeedback-position-bottom-left{left:calc(50% - 175px)}}@media screen and (max-width: 350px){.realTimeFeedback-position-bottom-right{right:0}.realTimeFeedback-position-bottom-left{left:0}}.realTimeFeedback-animation-fadeIn{-webkit-animation:realTimeFeedback-keyframes-fadeIn .7s ease-in-out both;animation:realTimeFeedback-keyframes-fadeIn .7s ease-in-out both}@-webkit-keyframes realTimeFeedback-keyframes-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes realTimeFeedback-keyframes-fadeIn{0%{opacity:0}100%{opacity:1}}.realTimeFeedback-animation-slideUp{-webkit-animation:realTimeFeedback-keyframes-slideUp .7s ease-in-out both;animation:realTimeFeedback-keyframes-slideUp .7s ease-in-out both}@-webkit-keyframes realTimeFeedback-keyframes-slideUp{0%{-webkit-transform:translateY(150%)}100%{-webkit-transform:translateY(0)}}@keyframes realTimeFeedback-keyframes-slideUp{0%{transform:translateY(150%)}100%{transform:translateY(0)}}';
    756756        document.head.appendChild(cssElement);
    757757    });
     
    798798
    799799    function currentTab() {
    800         if (localStorage.getItem('usabilityFeedbackTab') !== tabToken) {
     800        if (localStorage.getItem('realTimeFeedbackTab') !== tabToken) {
    801801            triggerEvent('pauseWidget');
    802802            return false;
     
    813813        }
    814814
    815         localStorage.setItem('usabilityFeedback', JSON.stringify(storage$1));
     815        localStorage.setItem('realTimeFeedback', JSON.stringify(storage$1));
    816816    }
    817817
    818818    function storageReady() {
    819         if (!localStorage.getItem('usabilityFeedback')) {
     819        if (!localStorage.getItem('realTimeFeedback')) {
    820820            storage$1 = {
    821821                version: 1,
     
    824824            };
    825825
    826             localStorage.setItem('usabilityFeedback', JSON.stringify(storage$1));
     826            localStorage.setItem('realTimeFeedback', JSON.stringify(storage$1));
    827827        } else {
    828             storage$1 = JSON.parse(localStorage.getItem('usabilityFeedback'));
     828            storage$1 = JSON.parse(localStorage.getItem('realTimeFeedback'));
    829829
    830830            var storageVersion = parseInt(storage$1.version, 10);
     
    837837
    838838        // after the widget is stopped I set the new token on this tab
    839         localStorage.setItem('usabilityFeedbackTab', tabToken);
     839        localStorage.setItem('realTimeFeedbackTab', tabToken);
    840840    }
    841841
     
    886886        jQuery.post(window.ajaxurl, {
    887887            action: 'savePoll',
    888             nonce: window._usabilityFeedbackAjax,
     888            nonce: window._realTimeFeedbackAjax,
    889889            data: logs
    890890        });
     
    944944            }, { timeout: 2000 });
    945945
    946             var actions = poll.querySelectorAll('[data-usabilityFeedback-action]');
     946            var actions = poll.querySelectorAll('[data-realTimeFeedback-action]');
    947947            addEvent('click', actions, closepoll);
    948948
    949             var textarea = poll.querySelector('.usabilityFeedback-poll-textarea');
     949            var textarea = poll.querySelector('.realTimeFeedback-poll-textarea');
    950950            textarea.addEventListener('keyup', textareaChange, false);
    951951
    952             var sendButton = poll.querySelector('.usabilityFeedback-poll-button');
     952            var sendButton = poll.querySelector('.realTimeFeedback-poll-button');
    953953
    954954            sendButton.addEventListener('click', saveMessage, false);
     
    962962                textarea.removeEventListener('keyup', textareaChange);
    963963
    964                 var action = currentTarget.getAttribute('data-usabilityFeedback-action');
     964                var action = currentTarget.getAttribute('data-realTimeFeedback-action');
    965965
    966966                node.done = 1;
    967967                node.data.action = action;
    968968                node.data.msg = textarea.value;
    969                 node.data.email = poll.querySelector('.usabilityFeedback-poll-input').value;
     969                node.data.email = poll.querySelector('.realTimeFeedback-poll-input').value;
    970970                storageData.page = getPage();
    971971
     
    985985            function textareaChange() {
    986986                if (textarea.value.length > 2) {
    987                     sendButton.classList.add('usabilityFeedback-poll-button--active');
     987                    sendButton.classList.add('realTimeFeedback-poll-button--active');
    988988                } else {
    989                     sendButton.classList.remove('usabilityFeedback-poll-button--active');
    990                 }
    991             }
    992 
    993             var step2 = poll.querySelector('.usabilityFeedback-poll-step2');
     989                    sendButton.classList.remove('realTimeFeedback-poll-button--active');
     990                }
     991            }
     992
     993            var step2 = poll.querySelector('.realTimeFeedback-poll-step2');
    994994
    995995            function saveMessage() {
    996                 if (!sendButton.classList.contains('usabilityFeedback-poll-button--active')) {
     996                if (!sendButton.classList.contains('realTimeFeedback-poll-button--active')) {
    997997                    return;
    998998                }
     
    10001000                sendButton.removeEventListener('click', saveMessage);
    10011001
    1002                 poll.querySelector('.usabilityFeedback-poll-step1').style.display = 'none';
    1003                 poll.querySelector('.usabilityFeedback-poll-close').style.display = 'none';
     1002                poll.querySelector('.realTimeFeedback-poll-step1').style.display = 'none';
     1003                poll.querySelector('.realTimeFeedback-poll-close').style.display = 'none';
    10041004                step2.style.display = 'flex';
    10051005
    10061006                step2.click();
    10071007
    1008                 step2.querySelector('.usabilityFeedback-poll-button-close').addEventListener('click', function () {
     1008                step2.querySelector('.realTimeFeedback-poll-button-close').addEventListener('click', function () {
    10091009                    return removePoll();
    10101010                }, false);
     
    13361336
    13371337    var pollData = {
    1338         html: '<div class="usabilityFeedback usabilityFeedback-poll usabilityFeedback-animation-${animation} usabilityFeedback-position-${position}">\n            <div class="usabilityFeedback-poll-body">\n                <div class="usabilityFeedback-poll-step1">\n                    <div class="usabilityFeedback-poll-title">${title}</div>\n                    <textarea class="usabilityFeedback-poll-textarea" rows="5" placeholder="Type here your message..."></textarea>\n                    <input type="email" class="usabilityFeedback-poll-input" placeholder="Enter email for a response (optional)" />\n                    <div class="usabilityFeedback-button usabilityFeedback-poll-button">${actionText}</div>\n                </div>\n                <div class="usabilityFeedback-poll-step2" data-usabilityFeedback-action="next">\n                    <div class="usabilityFeedback-poll-title">${thanks}</div>\n                    <div class="usabilityFeedback-button usabilityFeedback-poll-button-close">${thanksButton}</div>\n                </div>\n            </div>\n            <div class="usabilityFeedback-poll-close" data-usabilityFeedback-action="close">\n                <svg height="11" width="11" xmlns="http://www.w3.org/2000/svg">\n                    <line x1="0" y1="11" x2="11" y2="0" stroke-width="2"/>\n                    <line x1="0" y1="0" x2="11" y2="11" stroke-width="2"/>\n                </svg>\n            </div>\n        </div>',
     1338        html: '<div class="realTimeFeedback realTimeFeedback-poll realTimeFeedback-animation-${animation} realTimeFeedback-position-${position}">\n            <div class="realTimeFeedback-poll-body">\n                <div class="realTimeFeedback-poll-step1">\n                    <div class="realTimeFeedback-poll-title">${title}</div>\n                    <textarea class="realTimeFeedback-poll-textarea" rows="5" placeholder="Type here your message..."></textarea>\n                    <input type="email" class="realTimeFeedback-poll-input" placeholder="Enter email for a response (optional)" />\n                    <div class="realTimeFeedback-button realTimeFeedback-poll-button">${actionText}</div>\n                </div>\n                <div class="realTimeFeedback-poll-step2" data-realTimeFeedback-action="next">\n                    <div class="realTimeFeedback-poll-title">${thanks}</div>\n                    <div class="realTimeFeedback-button realTimeFeedback-poll-button-close">${thanksButton}</div>\n                </div>\n            </div>\n            <div class="realTimeFeedback-poll-close" data-realTimeFeedback-action="close">\n                <svg height="11" width="11" xmlns="http://www.w3.org/2000/svg">\n                    <line x1="0" y1="11" x2="11" y2="0" stroke-width="2"/>\n                    <line x1="0" y1="0" x2="11" y2="11" stroke-width="2"/>\n                </svg>\n            </div>\n        </div>',
    13391339        css: {
    1340             '.usabilityFeedback-poll': {
     1340            '.realTimeFeedback-poll': {
    13411341                'border-radius': '4px 5px 0 0',
    13421342                'z-index': 2147483647,
     
    13511351                color: 'rgb(255, 255, 255)'
    13521352            },
    1353             '.usabilityFeedback-poll-body': {
     1353            '.realTimeFeedback-poll-body': {
    13541354                margin: '18px 13px 18px 13px'
    13551355            },
    1356             '.usabilityFeedback-poll-step1': {
     1356            '.realTimeFeedback-poll-step1': {
    13571357                display: 'flex',
    13581358                'flex-direction': 'column'
    13591359            },
    1360             '.usabilityFeedback-poll-title': {
     1360            '.realTimeFeedback-poll-title': {
    13611361                'max-width': '100%',
    13621362                'text-align': 'center',
     
    13661366                'align-self': 'center'
    13671367            },
    1368             '.usabilityFeedback-poll textarea.usabilityFeedback-poll-textarea': {
     1368            '.realTimeFeedback-poll textarea.realTimeFeedback-poll-textarea': {
    13691369                color: '#585858',
    13701370                background: '#fff',
     
    13791379                'border-radius': '4px'
    13801380            },
    1381             '.usabilityFeedback-poll input.usabilityFeedback-poll-input': {
     1381            '.realTimeFeedback-poll input.realTimeFeedback-poll-input': {
    13821382                color: '#585858',
    13831383                background: '#fff',
     
    13931393                'border-radius': '4px'
    13941394            },
    1395             '.usabilityFeedback-poll-button': {
     1395            '.realTimeFeedback-poll-button': {
    13961396                '-webkit-user-select': 'none',
    13971397                '-moz-user-select': 'none',
     
    14091409                'align-self': 'flex-end'
    14101410            },
    1411             '.usabilityFeedback-poll-button--active': {
     1411            '.realTimeFeedback-poll-button--active': {
    14121412                cursor: 'pointer',
    14131413                color: '#fff',
    14141414                background: '#2b882b'
    14151415            },
    1416             '.usabilityFeedback-poll-step2': {
     1416            '.realTimeFeedback-poll-step2': {
    14171417                display: 'none',
    14181418                'flex-direction': 'column',
     
    14211421                padding: '12px 0 6px'
    14221422            },
    1423             '.usabilityFeedback-poll-button-close': {
     1423            '.realTimeFeedback-poll-button-close': {
    14241424                cursor: 'pointer',
    14251425                padding: '10px 18px',
     
    14301430                margin: '5px 0 0 0'
    14311431            },
    1432             '.usabilityFeedback-poll-button-close:hover': {
     1432            '.realTimeFeedback-poll-button-close:hover': {
    14331433                opacity: 0.9
    14341434            },
    1435             '.usabilityFeedback-poll-button--active:hover': {
     1435            '.realTimeFeedback-poll-button--active:hover': {
    14361436                opacity: 0.9
    14371437            },
    1438             '.usabilityFeedback-poll-close': {
     1438            '.realTimeFeedback-poll-close': {
    14391439                display: 'flex',
    14401440                position: 'absolute',
     
    14451445                stroke: '#888'
    14461446            },
    1447             '.usabilityFeedback-poll-close:hover': {
     1447            '.realTimeFeedback-poll-close:hover': {
    14481448                stroke: '#ccc'
    14491449            }
     
    15001500        pollData.data.thanks = thanks;
    15011501        pollData.data.thanksButton = thanksButton;
    1502         pollData.css['.usabilityFeedback-poll'].background = background;
    1503         pollData.css['.usabilityFeedback-poll']['font-family'] = font;
    1504         pollData.css['.usabilityFeedback-poll'].color = color;
     1502        pollData.css['.realTimeFeedback-poll'].background = background;
     1503        pollData.css['.realTimeFeedback-poll']['font-family'] = font;
     1504        pollData.css['.realTimeFeedback-poll'].color = color;
    15051505    }
    15061506
     
    17201720    }
    17211721
    1722     if (startUsabilityFeedbackEnabled) {
     1722    if (startRealTimeFeedbackEnabled) {
    17231723        // @todo - run css only when I have workflows available
    17241724        css();
    17251725
    1726         if (Array.isArray(window._usabilityFeedback)) {
    1727             window._usabilityFeedback.forEach(function (arr) {
     1726        if (Array.isArray(window._realTimeFeedback)) {
     1727            window._realTimeFeedback.forEach(function (arr) {
    17281728                push(arr);
    17291729            });
  • usability-feedback/trunk/public/js/main1.0.0.js

    r1912544 r1915924  
    1 var _usabilityFeedback=function(){"use strict";var e=!0;function t(){e=!1}function k(e,t,n){for(var o=t.length;o--;)t[o].removeEventListener(e,n)}function F(){return window.location.href.replace(window.location.origin,"")}var o={get browser(){if(this.browserCache)return this.browserCache;for(var e=[{name:"Aol",rule:/AOLShield\/([0-9\._]+)/},{name:"Edge",rule:/Edge\/([0-9\._]+)/},{name:"Yandexbrowser",rule:/YaBrowser\/([0-9\._]+)/},{name:"Vivaldi",rule:/Vivaldi\/([0-9\.]+)/},{name:"Kakaotalk",rule:/KAKAOTALK\s([0-9\.]+)/},{name:"Samsung",rule:/SamsungBrowser\/([0-9\.]+)/},{name:"Chrome",rule:/(?!Chrom.*OPR)Chrom(?:e|ium)\/([0-9\.]+)(:?\s|$)/},{name:"Phantomjs",rule:/PhantomJS\/([0-9\.]+)(:?\s|$)/},{name:"Crios",rule:/CriOS\/([0-9\.]+)(:?\s|$)/},{name:"Firefox",rule:/Firefox\/([0-9\.]+)(?:\s|$)/},{name:"Fxios",rule:/FxiOS\/([0-9\.]+)/},{name:"Opera",rule:/Opera\/([0-9\.]+)(?:\s|$)/},{name:"Opera",rule:/OPR\/([0-9\.]+)(:?\s|$)$/},{name:"IE",rule:/Trident\/7\.0.*rv\:([0-9\.]+).*\).*Gecko$/},{name:"IE",rule:/MSIE\s([0-9\.]+);.*Trident\/[4-7].0/},{name:"IE",rule:/MSIE\s(7\.0)/},{name:"BB10",rule:/BB10;\sTouch.*Version\/([0-9\.]+)/},{name:"Android",rule:/Android\s([0-9\.]+)/},{name:"iOS",rule:/Version\/([0-9\._]+).*Mobile.*Safari.*/},{name:"Safari",rule:/Version\/([0-9\._]+).*Safari/},{name:"Facebook",rule:/FBAV\/([0-9\.]+)/},{name:"Instagram",rule:/Instagram\ ([0-9\.]+)/},{name:"iOS-webview",rule:/AppleWebKit\/([0-9\.]+).*Mobile/}],t=window.navigator.userAgent,n=0;n<e.length;n++){var o=e[n].rule.exec(t);if(o){var i=parseInt(o[1],10);return this.browserCache=e[n].name+(i?" "+i:""),this.browserCache}}return this.browserCache="Unknown",this.browserCache},get os(){if(this.osCache)return this.osCache;for(var e=[{name:"iOS",rule:/iP(hone|od|ad)/},{name:"Android OS",rule:/Android/},{name:"BlackBerry OS",rule:/BlackBerry|BB10/},{name:"Windows Mobile",rule:/IEMobile/},{name:"Amazon OS",rule:/Kindle/},{name:"Windows 3.11",rule:/Win16/},{name:"Windows 95",rule:/(Windows 95)|(Win95)|(Windows_95)/},{name:"Windows 98",rule:/(Windows 98)|(Win98)/},{name:"Windows 2000",rule:/(Windows NT 5.0)|(Windows 2000)/},{name:"Windows XP",rule:/(Windows NT 5.1)|(Windows XP)/},{name:"Windows Server 2003",rule:/(Windows NT 5.2)/},{name:"Windows Vista",rule:/(Windows NT 6.0)/},{name:"Windows 7",rule:/(Windows NT 6.1)/},{name:"Windows 8",rule:/(Windows NT 6.2)/},{name:"Windows 8.1",rule:/(Windows NT 6.3)/},{name:"Windows 10",rule:/(Windows NT 10.0)/},{name:"Windows ME",rule:/Windows ME/},{name:"Open BSD",rule:/OpenBSD/},{name:"Sun OS",rule:/SunOS/},{name:"Linux",rule:/(Linux)|(X11)/},{name:"Mac OS",rule:/(Mac_PowerPC)|(Macintosh)/},{name:"QNX",rule:/QNX/},{name:"BeOS",rule:/BeOS/},{name:"OS/2",rule:/OS\/2/}],t=window.navigator.userAgent,n=0;n<e.length;n++)if(e[n].rule.test(t))return this.osCache=e[n].name,this.osCache;return this.osCache="Unknown",this.osCache},get resolution(){return window.screen.width+"x"+window.screen.height}},s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},i=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},a=function(){function o(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(e,t,n){return t&&o(e.prototype,t),n&&o(e,n),e}}(),p=function(e,t){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return function(e,t){var n=[],o=!0,i=!1,a=void 0;try{for(var r,l=e[Symbol.iterator]();!(o=(r=l.next()).done)&&(n.push(r.value),!t||n.length!==t);o=!0);}catch(e){i=!0,a=e}finally{try{!o&&l.return&&l.return()}finally{if(i)throw a}}return n}(e,t);throw new TypeError("Invalid attempt to destructure non-iterable instance")};if("[object Object]"===Object.prototype.toString.call(window._usabilityFeedback))throw new Error("--\x3e usabilityFeedback script is already included on this page.");try{var n=window.localStorage;if(!n.getItem("usabilityFeedback")){var r="_usabilityFeedback_test_";n.setItem(r,r),n.removeItem(r)}}catch(e){t()}if(window.requestAnimationFrame||t(),!window.Promise){var l=function(){},c=function(e){if("object"!==s(this))throw new TypeError("Promises must be constructed via new");if("function"!=typeof e)throw new TypeError("not a function");this._state=0,this._handled=!1,this._value=void 0,this._deferreds=[],h(e,this)},d=function(n,o){for(;3===n._state;)n=n._value;0!==n._state?(n._handled=!0,c._immediateFn(function(){var e=1===n._state?o.onFulfilled:o.onRejected;if(null!==e){var t;try{t=e(n._value)}catch(e){return void f(o.promise,e)}u(o.promise,t)}else(1===n._state?u:f)(o.promise,n._value)})):n._deferreds.push(o)},u=function(t,e){try{if(e===t)throw new TypeError("A promise cannot be resolved with itself.");if(e&&("object"===(void 0===e?"undefined":s(e))||"function"==typeof e)){var n=e.then;if(e instanceof c)return t._state=3,t._value=e,void b(t);if("function"==typeof n)return void h((o=n,i=e,function(){o.apply(i,arguments)}),t)}t._state=1,t._value=e,b(t)}catch(e){f(t,e)}var o,i},f=function(e,t){e._state=2,e._value=t,b(e)},b=function(e){2===e._state&&0===e._deferreds.length&&c._immediateFn(function(){e._handled||c._unhandledRejectionFn(e._value)});for(var t=0,n=e._deferreds.length;t<n;t++)d(e,e._deferreds[t]);e._deferreds=null},m=function(e,t,n){this.onFulfilled="function"==typeof e?e:null,this.onRejected="function"==typeof t?t:null,this.promise=n},h=function(e,t){var n=!1;try{e(function(e){n||(n=!0,u(t,e))},function(e){n||(n=!0,f(t,e))})}catch(e){if(n)return;n=!0,f(t,e)}},y=setTimeout;c.prototype.catch=function(e){return this.then(null,e)},c.prototype.then=function(e,t){var n=new this.constructor(l);return d(this,new m(e,t,n)),n},c.all=function(e){var l=Array.prototype.slice.call(e);return new c(function(o,i){if(0===l.length)return o([]);var a=l.length;function r(t,e){try{if(e&&("object"===(void 0===e?"undefined":s(e))||"function"==typeof e)){var n=e.then;if("function"==typeof n)return void n.call(e,function(e){r(t,e)},i)}l[t]=e,0==--a&&o(l)}catch(e){i(e)}}for(var e=0;e<l.length;e++)r(e,l[e])})},c.resolve=function(t){return t&&"object"===(void 0===t?"undefined":s(t))&&t.constructor===c?t:new c(function(e){e(t)})},c.reject=function(n){return new c(function(e,t){t(n)})},c.race=function(i){return new c(function(e,t){for(var n=0,o=i.length;n<o;n++)i[n].then(e,t)})},c._immediateFn="function"==typeof setImmediate&&function(e){setImmediate(e)}||function(e){y(e,0)},c._unhandledRejectionFn=function(e){"undefined"!=typeof console&&console&&console.log("Possible Unhandled Promise Rejection:",e)},c._setImmediateFn=function(e){c._immediateFn=e},c._setUnhandledRejectionFn=function(e){c._unhandledRejectionFn=e},window.Promise=c}Object.entries||(Object.entries=function(n){return Object.keys(n).reduce(function(e,t){return e.push([t,n[t]])&&e},[])}),Object.values||(Object.values=function(t){return Object.keys(t).map(function(e){return t[e]})}),Array.prototype.includes||Object.defineProperty(Array.prototype,"includes",{value:function(e,t){if(null==this)throw new TypeError('"this" is null or not defined');var n=Object(this),o=n.length>>>0;if(0===o)return!1;var i,a,r=0|t,l=Math.max(0<=r?r:o-Math.abs(r),0);for(;l<o;){if((i=n[l])===(a=e)||"number"==typeof i&&"number"==typeof a&&isNaN(i)&&isNaN(a))return!0;l++}return!1}}),Element.prototype.matches||(Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector),window.performance||(window.performance={offset:Date.now(),now:function(){return Date.now()-this.offset}}),window.requestIdleCallback=window.requestIdleCallback||window.requestAnimationFrame,window.onstorage=function(){};var g={};function w(e,t){var n=2<arguments.length&&void 0!==arguments[2]&&arguments[2];return g[e]||(g[e]=[]),g[e].push({callback:t,oneTime:n})-1}function v(e,t){g[e]&&void 0!==t&&(g[e][t]=null)}function x(n,o){g[n]&&g[n].forEach(function(e,t){e&&(e.oneTime&&v(n,t),e.callback.call(null,o))})}var S=(new Date).toISOString()+" - "+performance.now(),_=void 0;function E(){return localStorage.getItem("usabilityFeedbackTab")===S||(x("pauseWidget"),!1)}function O(){E()&&localStorage.setItem("usabilityFeedback",JSON.stringify(_))}function C(){localStorage.getItem("usabilityFeedback")?(_=JSON.parse(localStorage.getItem("usabilityFeedback")),1!==parseInt(_.version,10)&&(_.version=1)):(_={version:1,user:function(){for(var e=Date.now().toString(36)+performance.now().toString(36).replace(".",""),t=0,n=24-(e=e.substr(0,18)).length;t<n;t+=1)e+=Math.floor(36*Math.random()).toString(36);return e}(),workflows:{}},localStorage.setItem("usabilityFeedback",JSON.stringify(_)));localStorage.setItem("usabilityFeedbackTab",S)}var T={poll:function e(t,p,m){var h=t.html,y=t.css,g=t.data,w=this;i(this,e),console.log("\t poll - start");var v=p[m];if(v||(p[m]={done:0,data:{name:"poll"}},v=p[m],O()),0<v.done)return console.log("\t poll - end from done"),void(this.promise=null);this.promise=new Promise(function(o,e){var n,i,t=document.createElement("style");t.type="text/css",t.innerHTML=(n=y,i="",Object.keys(n).forEach(function(t){i+=t+" {",Object.keys(n[t]).forEach(function(e){i+=e+": "+n[t][e]+";"}),i+="}"}),i),document.head.appendChild(t);var a=document.createElement("div");a.insertAdjacentHTML("beforeend",function(e,t){for(var n=/\${(.*?)}/g,o=void 0;o=n.exec(e);)e=e.replace(o[0],t[o[1]]);return e}(h,g));var r=a.firstElementChild;requestIdleCallback(function(){document.body.appendChild(r)},{timeout:2e3});var l=r.querySelectorAll("[data-usabilityFeedback-action]");!function(e,t,n){for(var o=t.length;o--;)t[o].addEventListener(e,n,!1)}("click",l,d);var s=r.querySelector(".usabilityFeedback-poll-textarea");s.addEventListener("keyup",f,!1);var c=r.querySelector(".usabilityFeedback-poll-button");function d(e){var t=e.currentTarget;console.log("\t poll - end from promise"),k("click",l,d),s.removeEventListener("keyup",f);var n=t.getAttribute("data-usabilityFeedback-action");v.done=1,v.data.action=n,v.data.msg=s.value,v.data.email=r.querySelector(".usabilityFeedback-poll-input").value,p.page=F(),"close"===n&&u(),O(),o()}function u(){document.body.removeChild(r),document.head.removeChild(t)}function f(){2<s.value.length?c.classList.add("usabilityFeedback-poll-button--active"):c.classList.remove("usabilityFeedback-poll-button--active")}c.addEventListener("click",function e(){c.classList.contains("usabilityFeedback-poll-button--active")&&(c.removeEventListener("click",e),r.querySelector(".usabilityFeedback-poll-step1").style.display="none",r.querySelector(".usabilityFeedback-poll-close").style.display="none",b.style.display="flex",b.click(),b.querySelector(".usabilityFeedback-poll-button-close").addEventListener("click",function(){return u()},!1))},!1);var b=r.querySelector(".usabilityFeedback-poll-step2");w.cancel=function(){console.log("\t poll - cancel"),k("click",l,d),document.body.removeChild(r),document.head.removeChild(t),delete p[m],O(),e()}})},frustration:function e(t,m,n){t.name;var o=this;i(this,e),console.log("\t frustration - start");var h=m[n];if(h||(m[n]=h={done:0,data:{name:"frustration"}},O()),0<h.done)return console.log("\t frustration - end from done"),void(this.promise=null);this.promise=new Promise(function(d,e){o.cancel=function(){console.log("\t frustration - cancel"),v("scroll",p),delete m[n],O(),e()};var u=[],f=[],b=0,p=w("scroll",function(e){var t=e.time,n=e.pageYOffset,o=f[0]||{},i=o.lastTime,a=void 0===i?0:i,r=o.y,l=void 0===r?0:r,s=o.direction,c=void 0===s?"":s;if(1e3<t-a)return console.log("%c \t reset from time","color: red; font-weight: bold;"),f=[{lastTime:t,y:n,direction:""}],b=0,void(u=[]);if(c){if("down"===c){if(n<l)return 3<f.length?(b++,u.push(f)):(b=0,u=[]),f=[{lastTime:t,y:n,direction:"up"}],void console.log("%c \t reset from down || edge: "+b,"color: red; font-weight: bold;");f.unshift({lastTime:t,y:n,direction:"down"})}else if("up"===c){if(l<n)return 3<f.length?(b++,u.push(f)):(b=0,u=[]),f=[{lastTime:t,y:n,direction:"down"}],void console.log("%c \t reset from up || edge: "+b,"color: red; font-weight: bold;");f.unshift({lastTime:t,y:n,direction:"up"})}5===b&&(console.log("\t frustration - end from promise"),v("scroll",p),h.done=1,m.page=F(),d())}else f.unshift({lastTime:t,y:n,direction:l<n?"down":"up"})})})},rage:function e(t,d,n){var o=this;i(this,e),console.log("\t rage - start");var u=d[n];if(u||(d[n]=u={done:0,data:{name:"rage"}},O()),0<u.done)return console.log("\t rage - end from done"),void(this.promise=null);this.promise=new Promise(function(r,e){o.cancel=function(){console.log("\t rage - cancel"),v("bodyClick",c),delete d[n],O(),e()};var l=[{time:0},{time:0},{time:0}],s=!1,c=w("bodyClick",function(e){var t=e.time,n=e.target,o=e.pageX,i=e.pageY;if(l.push({time:t,pageX:o,pageY:i}),!s){l.shift();var a=l[l.length-1].time-l[0].time;a<700&&(console.log("\t rage ("+a+", "+n+") - end from promise"),u.done=1,d.page=F(),d.target=function(e){if(!e||!e.outerHTML)return"";for(var t=[],n=!0;e.parentNode;){var o=e.nodeName;if(!o)break;var i={name:o.toLowerCase(),cls:e.getAttribute("class")||"",id:e.getAttribute("id")||"",nthChild:0};n&&(i.text=e.textContent.trim().substr(0,30),i.nameAttribute=e.getAttribute("name")||"",n=!1);var a=e.parentNode;if(a.children&&0<a.children.length)for(var r=0;r<a.children.length;r++)a.children[r]===e&&(i.nthChild=r+1);t.push(i),e=a}if(0===t.length)return"";var l="";t.forEach(function(e,t){var n=e.name;"html"!==n&&(l=0===t?n:n+" > "+l)});var s=t[0].cls.trim();l+=s?". "+s.split(" ").filter(Boolean).join("."):"";var c=t[0].id.trim();l+=c?"#"+c:"";var d=t[0].text.trim();return l+=d?"|"+d:""}(n),s=!0,setTimeout(function(){v("bodyClick",c)},1e4),r())}})})},wastedClick:function e(t,r,l){var s=this;i(this,e),console.log("\t wastedClick - start");var c=r[l];if(c||(r[l]=c={done:0,data:{name:"wastedClick",wastedPages:[]}},O()),0<c.done)return console.log("\t wastedClick - end from done"),void(this.promise=null);this.promise=new Promise(function(e,t){if(s.cancel=function(){console.log("\t wastedClick - cancel"),delete r[l],O(),t()},c.data.wastedPages.push({time:Date.now(),page:F()}),3<=c.data.wastedPages.length){c.data.wastedPages=c.data.wastedPages.slice(-3);var n=p(c.data.wastedPages,3),o=n[0],i=n[1],a=n[2];o.page!==i.page&&o.page===a.page&&a.time-o.time<1e4&&(console.log("\t wastedClick - end from promise"),c.done=1,r.page=F(),e())}O()})}},W={html:'<div class="usabilityFeedback usabilityFeedback-poll usabilityFeedback-animation-${animation} usabilityFeedback-position-${position}">\n            <div class="usabilityFeedback-poll-body">\n                <div class="usabilityFeedback-poll-step1">\n                    <div class="usabilityFeedback-poll-title">${title}</div>\n                    <textarea class="usabilityFeedback-poll-textarea" rows="5" placeholder="Type here your message..."></textarea>\n                    <input type="email" class="usabilityFeedback-poll-input" placeholder="Enter email for a response (optional)" />\n                    <div class="usabilityFeedback-button usabilityFeedback-poll-button">${actionText}</div>\n                </div>\n                <div class="usabilityFeedback-poll-step2" data-usabilityFeedback-action="next">\n                    <div class="usabilityFeedback-poll-title">${thanks}</div>\n                    <div class="usabilityFeedback-button usabilityFeedback-poll-button-close">${thanksButton}</div>\n                </div>\n            </div>\n            <div class="usabilityFeedback-poll-close" data-usabilityFeedback-action="close">\n                <svg height="11" width="11" xmlns="http://www.w3.org/2000/svg">\n                    <line x1="0" y1="11" x2="11" y2="0" stroke-width="2"/>\n                    <line x1="0" y1="0" x2="11" y2="11" stroke-width="2"/>\n                </svg>\n            </div>\n        </div>',css:{".usabilityFeedback-poll":{"border-radius":"4px 5px 0 0","z-index":2147483647,background:"rgb(60, 60, 60)",position:"fixed","max-width":"350px",width:"100%","box-shadow":"0 0 14px 3px rgba(0, 0, 0, 0.38)","font-family":'-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif',"font-weight":400,"line-height":1.4,color:"rgb(255, 255, 255)"},".usabilityFeedback-poll-body":{margin:"18px 13px 18px 13px"},".usabilityFeedback-poll-step1":{display:"flex","flex-direction":"column"},".usabilityFeedback-poll-title":{"max-width":"100%","text-align":"center",margin:"0 0 12px",padding:"0 20px","font-size":"15px","align-self":"center"},".usabilityFeedback-poll textarea.usabilityFeedback-poll-textarea":{color:"#585858",background:"#fff","font-family":"inherit","font-size":"13px","line-height":"inherit","font-weight":"inherit",padding:"9px 10px",resize:"none",width:"100%",border:"1px solid #3c3c3c","border-radius":"4px"},".usabilityFeedback-poll input.usabilityFeedback-poll-input":{color:"#585858",background:"#fff",width:"100%",padding:"0 10px",margin:"5px 0 0 0",border:"1px solid #3c3c3c","font-family":"inherit","font-size":"13px","line-height":"inherit","font-weight":"inherit",height:"36px","border-radius":"4px"},".usabilityFeedback-poll-button":{"-webkit-user-select":"none","-moz-user-select":"none","-ms-user-select":"none","user-select":"none","text-align":"center",cursor:"default",color:"rgba(255, 255, 255, 0.25)",padding:"10px 18px",background:"#545454","border-radius":"4px","font-size":"13px",margin:"18px 1px 0 0",transition:"background .3s, color .3s","align-self":"flex-end"},".usabilityFeedback-poll-button--active":{cursor:"pointer",color:"#fff",background:"#2b882b"},".usabilityFeedback-poll-step2":{display:"none","flex-direction":"column","align-items":"center","justify-content":"center",padding:"12px 0 6px"},".usabilityFeedback-poll-button-close":{cursor:"pointer",padding:"10px 18px",background:"#616161",color:"#fff","border-radius":"4px","font-size":"13px",margin:"5px 0 0 0"},".usabilityFeedback-poll-button-close:hover":{opacity:.9},".usabilityFeedback-poll-button--active:hover":{opacity:.9},".usabilityFeedback-poll-close":{display:"flex",position:"absolute",right:"8px",top:"8px",padding:"5px",cursor:"pointer",stroke:"#888"},".usabilityFeedback-poll-close:hover":{stroke:"#ccc"}},data:{position:"bottom-left",animation:"slideUp",title:"Would love to hear your feedback!",actionText:"Send Message",thanks:"Thank you for answering this poll. Your feedback is appreciated!",thanksButton:"Close"},name:"poll"},I={workflows:{"rageclicks-poll":{start:{name:"rage"},end:W},"wastedClick-poll":{start:{name:"wastedClick"},end:W},"frustration-poll":{start:{name:"frustration"},end:W}}};var j=function(){function n(e,t){i(this,n),console.log("workflow - start ["+e+"]"),this.id=e,(this.opts=t).start.name||t.end.name?(this.storageWorkflow=_.workflows[e],this.storageWorkflow||(this.storageWorkflow=_.workflows[e]=[{done:0}],O()),this.run()):console.log("workflow - finished with no trigger and action")}return a(n,[{key:"run",value:function(){var t=this;this.storageData=this.storageWorkflow[this.storageWorkflow.length-1],Promise.resolve(this.processEvent("start")).then(this.processEvent.bind(this,"end")).then(function(){t.nodeInstance=null,t.storageData.done=1,console.log("workflow - end"),t.storageWorkflow.push({done:0}),function(){if(E()){var n=[],e=_.workflows;Object.entries(e).forEach(function(e){var t=p(e,2);t[0],t[1].forEach(function(e){var t={};1===e.done&&(t.browser=o.browser,t.os=o.os,t.resolution=o.resolution,t.startData=e.start.data,e.end&&(t.endData=e.end.data),t.page=e.page,t.target=e.target||"",n.push(t),e.done=2)})}),0!==n.length&&(jQuery.post(window.ajaxurl,{action:"savePoll",nonce:window._usabilityFeedbackAjax,data:n}),O())}}(),O(),t.run()}).catch(function(e){t.stop(),t.nodeInstance=null,console.log("catch run",e)})}},{key:"processEvent",value:function(e){var t=this.opts[e];if(t.name)return this.nodeInstance=new T[t.name](t,this.storageData,e),this.nodeInstance.promise}},{key:"stop",value:function(){this.nodeInstance&&this.nodeInstance.cancel()}}]),n}(),A=[];var P,N=!1,B=document.body,M=document.documentElement;function L(e){var t,n,o,i,a,r,l,s,c,d,u=p(e,2),f=u[0],b=u[1];"poll-data"===f&&(n=(t=b).position,o=t.animation,i=t.title,a=t.actionText,r=t.thanks,l=t.thanksButton,s=t.background,c=t.font,d=t.color,W.data.position=n,W.data.animation=o,W.data.title=i,W.data.actionText=a,W.data.thanks=r,W.data.thanksButton=l,W.css[".usabilityFeedback-poll"].background=s,W.css[".usabilityFeedback-poll"]["font-family"]=c,W.css[".usabilityFeedback-poll"].color=d)}function $(){window.addEventListener("focus",function(){console.log("tab got focus 1"),E()||(console.log("tab got focus 2"),q())})}function q(){var e=0<arguments.length&&void 0!==arguments[0]&&arguments[0];C(),e&&$(),w("pauseWidget",function(){console.log("workflows - stop"),A.forEach(function(e){e.stop()}),A=[],N=!0},!0),console.log("workflows - start"),Object.entries(I.workflows).forEach(function(e){var t=p(e,2),n=t[0],o=t[1];A.push(new j(n,o))}),function(){if(!N){B.addEventListener("click",function(e){var t=e.target,n=t.parentNode;x("bodyClick",{e:e,target:t,parent:n,grandParent:n?n.parentNode:null,time:Date.now(),pageX:e.pageX,pageY:e.pageY}),O()});var t=!1;window.addEventListener("scroll",function(e){t||(window.requestAnimationFrame(function(){x("scroll",{e:e,time:Date.now(),pageYOffset:window.pageYOffset,scrollHeight:B.scrollHeight,clientHeight:M.clientHeight}),O(),t=!1}),t=!0)})}}()}return e&&((P=document.createElement("style")).type="text/css",P.id="usabilityFeedback-custom-css",P.innerHTML=".usabilityFeedback,.usabilityFeedback *{box-sizing:border-box}.usabilityFeedback :focus{outline:none}.usabilityFeedback{will-change:transform, opacity}.usabilityFeedback-position-bottom{bottom:0}.usabilityFeedback-position-top{top:0}.usabilityFeedback-position-bottom-left{bottom:0;left:175px}.usabilityFeedback-position-bottom-right{bottom:0;right:175px}@media screen and (max-width: 700px){.usabilityFeedback-position-bottom-right{right:calc(50% - 175px)}.usabilityFeedback-position-bottom-left{left:calc(50% - 175px)}}@media screen and (max-width: 350px){.usabilityFeedback-position-bottom-right{right:0}.usabilityFeedback-position-bottom-left{left:0}}.usabilityFeedback-animation-fadeIn{-webkit-animation:usabilityFeedback-keyframes-fadeIn .7s ease-in-out both;animation:usabilityFeedback-keyframes-fadeIn .7s ease-in-out both}@-webkit-keyframes usabilityFeedback-keyframes-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes usabilityFeedback-keyframes-fadeIn{0%{opacity:0}100%{opacity:1}}.usabilityFeedback-animation-slideUp{-webkit-animation:usabilityFeedback-keyframes-slideUp .7s ease-in-out both;animation:usabilityFeedback-keyframes-slideUp .7s ease-in-out both}@-webkit-keyframes usabilityFeedback-keyframes-slideUp{0%{-webkit-transform:translateY(150%)}100%{-webkit-transform:translateY(0)}}@keyframes usabilityFeedback-keyframes-slideUp{0%{transform:translateY(150%)}100%{transform:translateY(0)}}",document.head.appendChild(P),Array.isArray(window._usabilityFeedback)&&window._usabilityFeedback.forEach(function(e){L(e)}),document.hasFocus()?(console.log("tab is focused"),q(!0)):(console.log("tab is NOT focused"),$())),{push:L}}();
     1var _realTimeFeedback=function(){"use strict";var e=!0;function t(){e=!1}function y(e,t,n){for(var o=t.length;o--;)t[o].removeEventListener(e,n)}function T(){return window.location.href.replace(window.location.origin,"")}var o={get browser(){if(this.browserCache)return this.browserCache;for(var e=[{name:"Aol",rule:/AOLShield\/([0-9\._]+)/},{name:"Edge",rule:/Edge\/([0-9\._]+)/},{name:"Yandexbrowser",rule:/YaBrowser\/([0-9\._]+)/},{name:"Vivaldi",rule:/Vivaldi\/([0-9\.]+)/},{name:"Kakaotalk",rule:/KAKAOTALK\s([0-9\.]+)/},{name:"Samsung",rule:/SamsungBrowser\/([0-9\.]+)/},{name:"Chrome",rule:/(?!Chrom.*OPR)Chrom(?:e|ium)\/([0-9\.]+)(:?\s|$)/},{name:"Phantomjs",rule:/PhantomJS\/([0-9\.]+)(:?\s|$)/},{name:"Crios",rule:/CriOS\/([0-9\.]+)(:?\s|$)/},{name:"Firefox",rule:/Firefox\/([0-9\.]+)(?:\s|$)/},{name:"Fxios",rule:/FxiOS\/([0-9\.]+)/},{name:"Opera",rule:/Opera\/([0-9\.]+)(?:\s|$)/},{name:"Opera",rule:/OPR\/([0-9\.]+)(:?\s|$)$/},{name:"IE",rule:/Trident\/7\.0.*rv\:([0-9\.]+).*\).*Gecko$/},{name:"IE",rule:/MSIE\s([0-9\.]+);.*Trident\/[4-7].0/},{name:"IE",rule:/MSIE\s(7\.0)/},{name:"BB10",rule:/BB10;\sTouch.*Version\/([0-9\.]+)/},{name:"Android",rule:/Android\s([0-9\.]+)/},{name:"iOS",rule:/Version\/([0-9\._]+).*Mobile.*Safari.*/},{name:"Safari",rule:/Version\/([0-9\._]+).*Safari/},{name:"Facebook",rule:/FBAV\/([0-9\.]+)/},{name:"Instagram",rule:/Instagram\ ([0-9\.]+)/},{name:"iOS-webview",rule:/AppleWebKit\/([0-9\.]+).*Mobile/}],t=window.navigator.userAgent,n=0;n<e.length;n++){var o=e[n].rule.exec(t);if(o){var a=parseInt(o[1],10);return this.browserCache=e[n].name+(a?" "+a:""),this.browserCache}}return this.browserCache="Unknown",this.browserCache},get os(){if(this.osCache)return this.osCache;for(var e=[{name:"iOS",rule:/iP(hone|od|ad)/},{name:"Android OS",rule:/Android/},{name:"BlackBerry OS",rule:/BlackBerry|BB10/},{name:"Windows Mobile",rule:/IEMobile/},{name:"Amazon OS",rule:/Kindle/},{name:"Windows 3.11",rule:/Win16/},{name:"Windows 95",rule:/(Windows 95)|(Win95)|(Windows_95)/},{name:"Windows 98",rule:/(Windows 98)|(Win98)/},{name:"Windows 2000",rule:/(Windows NT 5.0)|(Windows 2000)/},{name:"Windows XP",rule:/(Windows NT 5.1)|(Windows XP)/},{name:"Windows Server 2003",rule:/(Windows NT 5.2)/},{name:"Windows Vista",rule:/(Windows NT 6.0)/},{name:"Windows 7",rule:/(Windows NT 6.1)/},{name:"Windows 8",rule:/(Windows NT 6.2)/},{name:"Windows 8.1",rule:/(Windows NT 6.3)/},{name:"Windows 10",rule:/(Windows NT 10.0)/},{name:"Windows ME",rule:/Windows ME/},{name:"Open BSD",rule:/OpenBSD/},{name:"Sun OS",rule:/SunOS/},{name:"Linux",rule:/(Linux)|(X11)/},{name:"Mac OS",rule:/(Mac_PowerPC)|(Macintosh)/},{name:"QNX",rule:/QNX/},{name:"BeOS",rule:/BeOS/},{name:"OS/2",rule:/OS\/2/}],t=window.navigator.userAgent,n=0;n<e.length;n++)if(e[n].rule.test(t))return this.osCache=e[n].name,this.osCache;return this.osCache="Unknown",this.osCache},get resolution(){return window.screen.width+"x"+window.screen.height}},s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},r=function(){function o(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(e,t,n){return t&&o(e.prototype,t),n&&o(e,n),e}}(),p=function(e,t){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return function(e,t){var n=[],o=!0,a=!1,r=void 0;try{for(var i,l=e[Symbol.iterator]();!(o=(i=l.next()).done)&&(n.push(i.value),!t||n.length!==t);o=!0);}catch(e){a=!0,r=e}finally{try{!o&&l.return&&l.return()}finally{if(a)throw r}}return n}(e,t);throw new TypeError("Invalid attempt to destructure non-iterable instance")};if("[object Object]"===Object.prototype.toString.call(window._realTimeFeedback))throw new Error("--\x3e realTimeFeedback script is already included on this page.");try{var n=window.localStorage;if(!n.getItem("realTimeFeedback")){var i="_realTimeFeedback_test_";n.setItem(i,i),n.removeItem(i)}}catch(e){t()}if(window.requestAnimationFrame||t(),!window.Promise){var l=function(){},c=function(e){if("object"!==s(this))throw new TypeError("Promises must be constructed via new");if("function"!=typeof e)throw new TypeError("not a function");this._state=0,this._handled=!1,this._value=void 0,this._deferreds=[],b(e,this)},d=function(n,o){for(;3===n._state;)n=n._value;0!==n._state?(n._handled=!0,c._immediateFn(function(){var e=1===n._state?o.onFulfilled:o.onRejected;if(null!==e){var t;try{t=e(n._value)}catch(e){return void m(o.promise,e)}u(o.promise,t)}else(1===n._state?u:m)(o.promise,n._value)})):n._deferreds.push(o)},u=function(t,e){try{if(e===t)throw new TypeError("A promise cannot be resolved with itself.");if(e&&("object"===(void 0===e?"undefined":s(e))||"function"==typeof e)){var n=e.then;if(e instanceof c)return t._state=3,t._value=e,void f(t);if("function"==typeof n)return void b((o=n,a=e,function(){o.apply(a,arguments)}),t)}t._state=1,t._value=e,f(t)}catch(e){m(t,e)}var o,a},m=function(e,t){e._state=2,e._value=t,f(e)},f=function(e){2===e._state&&0===e._deferreds.length&&c._immediateFn(function(){e._handled||c._unhandledRejectionFn(e._value)});for(var t=0,n=e._deferreds.length;t<n;t++)d(e,e._deferreds[t]);e._deferreds=null},h=function(e,t,n){this.onFulfilled="function"==typeof e?e:null,this.onRejected="function"==typeof t?t:null,this.promise=n},b=function(e,t){var n=!1;try{e(function(e){n||(n=!0,u(t,e))},function(e){n||(n=!0,m(t,e))})}catch(e){if(n)return;n=!0,m(t,e)}},g=setTimeout;c.prototype.catch=function(e){return this.then(null,e)},c.prototype.then=function(e,t){var n=new this.constructor(l);return d(this,new h(e,t,n)),n},c.all=function(e){var l=Array.prototype.slice.call(e);return new c(function(o,a){if(0===l.length)return o([]);var r=l.length;function i(t,e){try{if(e&&("object"===(void 0===e?"undefined":s(e))||"function"==typeof e)){var n=e.then;if("function"==typeof n)return void n.call(e,function(e){i(t,e)},a)}l[t]=e,0==--r&&o(l)}catch(e){a(e)}}for(var e=0;e<l.length;e++)i(e,l[e])})},c.resolve=function(t){return t&&"object"===(void 0===t?"undefined":s(t))&&t.constructor===c?t:new c(function(e){e(t)})},c.reject=function(n){return new c(function(e,t){t(n)})},c.race=function(a){return new c(function(e,t){for(var n=0,o=a.length;n<o;n++)a[n].then(e,t)})},c._immediateFn="function"==typeof setImmediate&&function(e){setImmediate(e)}||function(e){g(e,0)},c._unhandledRejectionFn=function(e){"undefined"!=typeof console&&console&&console.log("Possible Unhandled Promise Rejection:",e)},c._setImmediateFn=function(e){c._immediateFn=e},c._setUnhandledRejectionFn=function(e){c._unhandledRejectionFn=e},window.Promise=c}Object.entries||(Object.entries=function(n){return Object.keys(n).reduce(function(e,t){return e.push([t,n[t]])&&e},[])}),Object.values||(Object.values=function(t){return Object.keys(t).map(function(e){return t[e]})}),Array.prototype.includes||Object.defineProperty(Array.prototype,"includes",{value:function(e,t){if(null==this)throw new TypeError('"this" is null or not defined');var n=Object(this),o=n.length>>>0;if(0===o)return!1;var a,r,i=0|t,l=Math.max(0<=i?i:o-Math.abs(i),0);for(;l<o;){if((a=n[l])===(r=e)||"number"==typeof a&&"number"==typeof r&&isNaN(a)&&isNaN(r))return!0;l++}return!1}}),Element.prototype.matches||(Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector),window.performance||(window.performance={offset:Date.now(),now:function(){return Date.now()-this.offset}}),window.requestIdleCallback=window.requestIdleCallback||window.requestAnimationFrame,window.onstorage=function(){};var w={};function v(e,t){var n=2<arguments.length&&void 0!==arguments[2]&&arguments[2];return w[e]||(w[e]=[]),w[e].push({callback:t,oneTime:n})-1}function k(e,t){w[e]&&void 0!==t&&(w[e][t]=null)}function F(n,o){w[n]&&w[n].forEach(function(e,t){e&&(e.oneTime&&k(n,t),e.callback.call(null,o))})}var x=(new Date).toISOString()+" - "+performance.now(),S=void 0;function _(){return localStorage.getItem("realTimeFeedbackTab")===x||(F("pauseWidget"),!1)}function E(){_()&&localStorage.setItem("realTimeFeedback",JSON.stringify(S))}function O(){localStorage.getItem("realTimeFeedback")?(S=JSON.parse(localStorage.getItem("realTimeFeedback")),1!==parseInt(S.version,10)&&(S.version=1)):(S={version:1,user:function(){for(var e=Date.now().toString(36)+performance.now().toString(36).replace(".",""),t=0,n=24-(e=e.substr(0,18)).length;t<n;t+=1)e+=Math.floor(36*Math.random()).toString(36);return e}(),workflows:{}},localStorage.setItem("realTimeFeedback",JSON.stringify(S)));localStorage.setItem("realTimeFeedbackTab",x)}var C={poll:function e(t,p,h){var b=t.html,g=t.css,w=t.data,v=this;a(this,e),console.log("\t poll - start");var k=p[h];if(k||(p[h]={done:0,data:{name:"poll"}},k=p[h],E()),0<k.done)return console.log("\t poll - end from done"),void(this.promise=null);this.promise=new Promise(function(o,e){var n,a,t=document.createElement("style");t.type="text/css",t.innerHTML=(n=g,a="",Object.keys(n).forEach(function(t){a+=t+" {",Object.keys(n[t]).forEach(function(e){a+=e+": "+n[t][e]+";"}),a+="}"}),a),document.head.appendChild(t);var r=document.createElement("div");r.insertAdjacentHTML("beforeend",function(e,t){for(var n=/\${(.*?)}/g,o=void 0;o=n.exec(e);)e=e.replace(o[0],t[o[1]]);return e}(b,w));var i=r.firstElementChild;requestIdleCallback(function(){document.body.appendChild(i)},{timeout:2e3});var l=i.querySelectorAll("[data-realTimeFeedback-action]");!function(e,t,n){for(var o=t.length;o--;)t[o].addEventListener(e,n,!1)}("click",l,d);var s=i.querySelector(".realTimeFeedback-poll-textarea");s.addEventListener("keyup",m,!1);var c=i.querySelector(".realTimeFeedback-poll-button");function d(e){var t=e.currentTarget;console.log("\t poll - end from promise"),y("click",l,d),s.removeEventListener("keyup",m);var n=t.getAttribute("data-realTimeFeedback-action");k.done=1,k.data.action=n,k.data.msg=s.value,k.data.email=i.querySelector(".realTimeFeedback-poll-input").value,p.page=T(),"close"===n&&u(),E(),o()}function u(){document.body.removeChild(i),document.head.removeChild(t)}function m(){2<s.value.length?c.classList.add("realTimeFeedback-poll-button--active"):c.classList.remove("realTimeFeedback-poll-button--active")}c.addEventListener("click",function e(){c.classList.contains("realTimeFeedback-poll-button--active")&&(c.removeEventListener("click",e),i.querySelector(".realTimeFeedback-poll-step1").style.display="none",i.querySelector(".realTimeFeedback-poll-close").style.display="none",f.style.display="flex",f.click(),f.querySelector(".realTimeFeedback-poll-button-close").addEventListener("click",function(){return u()},!1))},!1);var f=i.querySelector(".realTimeFeedback-poll-step2");v.cancel=function(){console.log("\t poll - cancel"),y("click",l,d),document.body.removeChild(i),document.head.removeChild(t),delete p[h],E(),e()}})},frustration:function e(t,h,n){t.name;var o=this;a(this,e),console.log("\t frustration - start");var b=h[n];if(b||(h[n]=b={done:0,data:{name:"frustration"}},E()),0<b.done)return console.log("\t frustration - end from done"),void(this.promise=null);this.promise=new Promise(function(d,e){o.cancel=function(){console.log("\t frustration - cancel"),k("scroll",p),delete h[n],E(),e()};var u=[],m=[],f=0,p=v("scroll",function(e){var t=e.time,n=e.pageYOffset,o=m[0]||{},a=o.lastTime,r=void 0===a?0:a,i=o.y,l=void 0===i?0:i,s=o.direction,c=void 0===s?"":s;if(1e3<t-r)return console.log("%c \t reset from time","color: red; font-weight: bold;"),m=[{lastTime:t,y:n,direction:""}],f=0,void(u=[]);if(c){if("down"===c){if(n<l)return 3<m.length?(f++,u.push(m)):(f=0,u=[]),m=[{lastTime:t,y:n,direction:"up"}],void console.log("%c \t reset from down || edge: "+f,"color: red; font-weight: bold;");m.unshift({lastTime:t,y:n,direction:"down"})}else if("up"===c){if(l<n)return 3<m.length?(f++,u.push(m)):(f=0,u=[]),m=[{lastTime:t,y:n,direction:"down"}],void console.log("%c \t reset from up || edge: "+f,"color: red; font-weight: bold;");m.unshift({lastTime:t,y:n,direction:"up"})}5===f&&(console.log("\t frustration - end from promise"),k("scroll",p),b.done=1,h.page=T(),d())}else m.unshift({lastTime:t,y:n,direction:l<n?"down":"up"})})})},rage:function e(t,d,n){var o=this;a(this,e),console.log("\t rage - start");var u=d[n];if(u||(d[n]=u={done:0,data:{name:"rage"}},E()),0<u.done)return console.log("\t rage - end from done"),void(this.promise=null);this.promise=new Promise(function(i,e){o.cancel=function(){console.log("\t rage - cancel"),k("bodyClick",c),delete d[n],E(),e()};var l=[{time:0},{time:0},{time:0}],s=!1,c=v("bodyClick",function(e){var t=e.time,n=e.target,o=e.pageX,a=e.pageY;if(l.push({time:t,pageX:o,pageY:a}),!s){l.shift();var r=l[l.length-1].time-l[0].time;r<700&&(console.log("\t rage ("+r+", "+n+") - end from promise"),u.done=1,d.page=T(),d.target=function(e){if(!e||!e.outerHTML)return"";for(var t=[],n=!0;e.parentNode;){var o=e.nodeName;if(!o)break;var a={name:o.toLowerCase(),cls:e.getAttribute("class")||"",id:e.getAttribute("id")||"",nthChild:0};n&&(a.text=e.textContent.trim().substr(0,30),a.nameAttribute=e.getAttribute("name")||"",n=!1);var r=e.parentNode;if(r.children&&0<r.children.length)for(var i=0;i<r.children.length;i++)r.children[i]===e&&(a.nthChild=i+1);t.push(a),e=r}if(0===t.length)return"";var l="";t.forEach(function(e,t){var n=e.name;"html"!==n&&(l=0===t?n:n+" > "+l)});var s=t[0].cls.trim();l+=s?". "+s.split(" ").filter(Boolean).join("."):"";var c=t[0].id.trim();l+=c?"#"+c:"";var d=t[0].text.trim();return l+=d?"|"+d:""}(n),s=!0,setTimeout(function(){k("bodyClick",c)},1e4),i())}})})},wastedClick:function e(t,i,l){var s=this;a(this,e),console.log("\t wastedClick - start");var c=i[l];if(c||(i[l]=c={done:0,data:{name:"wastedClick",wastedPages:[]}},E()),0<c.done)return console.log("\t wastedClick - end from done"),void(this.promise=null);this.promise=new Promise(function(e,t){if(s.cancel=function(){console.log("\t wastedClick - cancel"),delete i[l],E(),t()},c.data.wastedPages.push({time:Date.now(),page:T()}),3<=c.data.wastedPages.length){c.data.wastedPages=c.data.wastedPages.slice(-3);var n=p(c.data.wastedPages,3),o=n[0],a=n[1],r=n[2];o.page!==a.page&&o.page===r.page&&r.time-o.time<1e4&&(console.log("\t wastedClick - end from promise"),c.done=1,i.page=T(),e())}E()})}},W={html:'<div class="realTimeFeedback realTimeFeedback-poll realTimeFeedback-animation-${animation} realTimeFeedback-position-${position}">\n            <div class="realTimeFeedback-poll-body">\n                <div class="realTimeFeedback-poll-step1">\n                    <div class="realTimeFeedback-poll-title">${title}</div>\n                    <textarea class="realTimeFeedback-poll-textarea" rows="5" placeholder="Type here your message..."></textarea>\n                    <input type="email" class="realTimeFeedback-poll-input" placeholder="Enter email for a response (optional)" />\n                    <div class="realTimeFeedback-button realTimeFeedback-poll-button">${actionText}</div>\n                </div>\n                <div class="realTimeFeedback-poll-step2" data-realTimeFeedback-action="next">\n                    <div class="realTimeFeedback-poll-title">${thanks}</div>\n                    <div class="realTimeFeedback-button realTimeFeedback-poll-button-close">${thanksButton}</div>\n                </div>\n            </div>\n            <div class="realTimeFeedback-poll-close" data-realTimeFeedback-action="close">\n                <svg height="11" width="11" xmlns="http://www.w3.org/2000/svg">\n                    <line x1="0" y1="11" x2="11" y2="0" stroke-width="2"/>\n                    <line x1="0" y1="0" x2="11" y2="11" stroke-width="2"/>\n                </svg>\n            </div>\n        </div>',css:{".realTimeFeedback-poll":{"border-radius":"4px 5px 0 0","z-index":2147483647,background:"rgb(60, 60, 60)",position:"fixed","max-width":"350px",width:"100%","box-shadow":"0 0 14px 3px rgba(0, 0, 0, 0.38)","font-family":'-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif',"font-weight":400,"line-height":1.4,color:"rgb(255, 255, 255)"},".realTimeFeedback-poll-body":{margin:"18px 13px 18px 13px"},".realTimeFeedback-poll-step1":{display:"flex","flex-direction":"column"},".realTimeFeedback-poll-title":{"max-width":"100%","text-align":"center",margin:"0 0 12px",padding:"0 20px","font-size":"15px","align-self":"center"},".realTimeFeedback-poll textarea.realTimeFeedback-poll-textarea":{color:"#585858",background:"#fff","font-family":"inherit","font-size":"13px","line-height":"inherit","font-weight":"inherit",padding:"9px 10px",resize:"none",width:"100%",border:"1px solid #3c3c3c","border-radius":"4px"},".realTimeFeedback-poll input.realTimeFeedback-poll-input":{color:"#585858",background:"#fff",width:"100%",padding:"0 10px",margin:"5px 0 0 0",border:"1px solid #3c3c3c","font-family":"inherit","font-size":"13px","line-height":"inherit","font-weight":"inherit",height:"36px","border-radius":"4px"},".realTimeFeedback-poll-button":{"-webkit-user-select":"none","-moz-user-select":"none","-ms-user-select":"none","user-select":"none","text-align":"center",cursor:"default",color:"rgba(255, 255, 255, 0.25)",padding:"10px 18px",background:"#545454","border-radius":"4px","font-size":"13px",margin:"18px 1px 0 0",transition:"background .3s, color .3s","align-self":"flex-end"},".realTimeFeedback-poll-button--active":{cursor:"pointer",color:"#fff",background:"#2b882b"},".realTimeFeedback-poll-step2":{display:"none","flex-direction":"column","align-items":"center","justify-content":"center",padding:"12px 0 6px"},".realTimeFeedback-poll-button-close":{cursor:"pointer",padding:"10px 18px",background:"#616161",color:"#fff","border-radius":"4px","font-size":"13px",margin:"5px 0 0 0"},".realTimeFeedback-poll-button-close:hover":{opacity:.9},".realTimeFeedback-poll-button--active:hover":{opacity:.9},".realTimeFeedback-poll-close":{display:"flex",position:"absolute",right:"8px",top:"8px",padding:"5px",cursor:"pointer",stroke:"#888"},".realTimeFeedback-poll-close:hover":{stroke:"#ccc"}},data:{position:"bottom-left",animation:"slideUp",title:"Would love to hear your feedback!",actionText:"Send Message",thanks:"Thank you for answering this poll. Your feedback is appreciated!",thanksButton:"Close"},name:"poll"},I={workflows:{"rageclicks-poll":{start:{name:"rage"},end:W},"wastedClick-poll":{start:{name:"wastedClick"},end:W},"frustration-poll":{start:{name:"frustration"},end:W}}};var j=function(){function n(e,t){a(this,n),console.log("workflow - start ["+e+"]"),this.id=e,(this.opts=t).start.name||t.end.name?(this.storageWorkflow=S.workflows[e],this.storageWorkflow||(this.storageWorkflow=S.workflows[e]=[{done:0}],E()),this.run()):console.log("workflow - finished with no trigger and action")}return r(n,[{key:"run",value:function(){var t=this;this.storageData=this.storageWorkflow[this.storageWorkflow.length-1],Promise.resolve(this.processEvent("start")).then(this.processEvent.bind(this,"end")).then(function(){t.nodeInstance=null,t.storageData.done=1,console.log("workflow - end"),t.storageWorkflow.push({done:0}),function(){if(_()){var n=[],e=S.workflows;Object.entries(e).forEach(function(e){var t=p(e,2);t[0],t[1].forEach(function(e){var t={};1===e.done&&(t.browser=o.browser,t.os=o.os,t.resolution=o.resolution,t.startData=e.start.data,e.end&&(t.endData=e.end.data),t.page=e.page,t.target=e.target||"",n.push(t),e.done=2)})}),0!==n.length&&(jQuery.post(window.ajaxurl,{action:"savePoll",nonce:window._realTimeFeedbackAjax,data:n}),E())}}(),E(),t.run()}).catch(function(e){t.stop(),t.nodeInstance=null,console.log("catch run",e)})}},{key:"processEvent",value:function(e){var t=this.opts[e];if(t.name)return this.nodeInstance=new C[t.name](t,this.storageData,e),this.nodeInstance.promise}},{key:"stop",value:function(){this.nodeInstance&&this.nodeInstance.cancel()}}]),n}(),A=[];var P,N=!1,B=document.body,M=document.documentElement;function L(e){var t,n,o,a,r,i,l,s,c,d,u=p(e,2),m=u[0],f=u[1];"poll-data"===m&&(n=(t=f).position,o=t.animation,a=t.title,r=t.actionText,i=t.thanks,l=t.thanksButton,s=t.background,c=t.font,d=t.color,W.data.position=n,W.data.animation=o,W.data.title=a,W.data.actionText=r,W.data.thanks=i,W.data.thanksButton=l,W.css[".realTimeFeedback-poll"].background=s,W.css[".realTimeFeedback-poll"]["font-family"]=c,W.css[".realTimeFeedback-poll"].color=d)}function $(){window.addEventListener("focus",function(){console.log("tab got focus 1"),_()||(console.log("tab got focus 2"),q())})}function q(){var e=0<arguments.length&&void 0!==arguments[0]&&arguments[0];O(),e&&$(),v("pauseWidget",function(){console.log("workflows - stop"),A.forEach(function(e){e.stop()}),A=[],N=!0},!0),console.log("workflows - start"),Object.entries(I.workflows).forEach(function(e){var t=p(e,2),n=t[0],o=t[1];A.push(new j(n,o))}),function(){if(!N){B.addEventListener("click",function(e){var t=e.target,n=t.parentNode;F("bodyClick",{e:e,target:t,parent:n,grandParent:n?n.parentNode:null,time:Date.now(),pageX:e.pageX,pageY:e.pageY}),E()});var t=!1;window.addEventListener("scroll",function(e){t||(window.requestAnimationFrame(function(){F("scroll",{e:e,time:Date.now(),pageYOffset:window.pageYOffset,scrollHeight:B.scrollHeight,clientHeight:M.clientHeight}),E(),t=!1}),t=!0)})}}()}return e&&((P=document.createElement("style")).type="text/css",P.id="realTimeFeedback-custom-css",P.innerHTML=".realTimeFeedback,.realTimeFeedback *{box-sizing:border-box}.realTimeFeedback :focus{outline:none}.realTimeFeedback{will-change:transform, opacity}.realTimeFeedback-position-bottom{bottom:0}.realTimeFeedback-position-top{top:0}.realTimeFeedback-position-bottom-left{bottom:0;left:175px}.realTimeFeedback-position-bottom-right{bottom:0;right:175px}@media screen and (max-width: 700px){.realTimeFeedback-position-bottom-right{right:calc(50% - 175px)}.realTimeFeedback-position-bottom-left{left:calc(50% - 175px)}}@media screen and (max-width: 350px){.realTimeFeedback-position-bottom-right{right:0}.realTimeFeedback-position-bottom-left{left:0}}.realTimeFeedback-animation-fadeIn{-webkit-animation:realTimeFeedback-keyframes-fadeIn .7s ease-in-out both;animation:realTimeFeedback-keyframes-fadeIn .7s ease-in-out both}@-webkit-keyframes realTimeFeedback-keyframes-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes realTimeFeedback-keyframes-fadeIn{0%{opacity:0}100%{opacity:1}}.realTimeFeedback-animation-slideUp{-webkit-animation:realTimeFeedback-keyframes-slideUp .7s ease-in-out both;animation:realTimeFeedback-keyframes-slideUp .7s ease-in-out both}@-webkit-keyframes realTimeFeedback-keyframes-slideUp{0%{-webkit-transform:translateY(150%)}100%{-webkit-transform:translateY(0)}}@keyframes realTimeFeedback-keyframes-slideUp{0%{transform:translateY(150%)}100%{transform:translateY(0)}}",document.head.appendChild(P),Array.isArray(window._realTimeFeedback)&&window._realTimeFeedback.forEach(function(e){L(e)}),document.hasFocus()?(console.log("tab is focused"),q(!0)):(console.log("tab is NOT focused"),$())),{push:L}}();
Note: See TracChangeset for help on using the changeset viewer.