@stencil/core/screenshot/compare/build/p-rnb7sl3y.system.entry.js

A Compiler for Web Components and Progressive Web Apps

System.register(["./p-459b95cc.system.js"],function(t){"use strict";var e,l,i;return{setters:[function(t){e=t.r;l=t.d;i=t.h}],execute:function(){var d=function(){function t(t){e(this,t);this.mismatchedPixels=null;this.diffNavChange=l(this,"diffNavChange",7)}t.prototype.navToDiff=function(t){t.preventDefault();t.stopPropagation();this.diffNavChange.emit(this.diff.id)};t.prototype.render=function(){var t=this.diff;var e=typeof this.mismatchedPixels==="number";var l=e?this.mismatchedPixels/(t.width*t.deviceScaleFactor*(t.height*t.deviceScaleFactor)):null;var d="";if(e){if(this.mismatchedPixels>0){d="has-mismatch"}}else{d="not-calculated"}var n=t.testPath.split("/");n.pop();var a=n.join("/");return[i("p",{class:"test-path"},t.testPath),i("dl",null,i("div",null,i("dt",null,"Diff"),i("dd",null,i("a",{href:"#diff-"+t.id,onClick:this.navToDiff.bind(this)},t.id))),t.comparable?[i("div",{class:d},i("dt",null,"Mismatched Pixels"),i("dd",null,e?this.mismatchedPixels:"--")),i("div",{class:d},i("dt",null,"Mismatched Ratio"),i("dd",null,e?l.toFixed(4):"--"))]:null,i("div",null,i("dt",null,"Device"),i("dd",null,t.device)),i("div",null,i("dt",null,"Width"),i("dd",null,t.width)),i("div",null,i("dt",null,"Height"),i("dd",null,t.height)),i("div",null,i("dt",null,"Device Scale Factor"),i("dd",null,t.deviceScaleFactor)),t.imageA?i("div",null,i("dt",null,"Left Preview"),i("dd",null,i("a",{href:"/data/tests/"+this.aId+"/"+a+"/",target:"_blank"},"HTML"))):null,t.imageB?i("div",null,i("dt",null,"Right Preview"),i("dd",null,i("a",{href:"/data/tests/"+this.bId+"/"+a+"/",target:"_blank"},"HTML"))):null,i("div",{class:"desc"},i("dt",null,"Description"),i("dd",null,t.desc)))]};Object.defineProperty(t,"style",{get:function(){return".test-path{margin-top:0;padding-top:0;font-size:10px;color:var(--analysis-data-color)}dl{padding:0;margin:0;font-size:var(--analysis-data-font-size);line-height:28px}div{display:-ms-flexbox;display:flex;width:260px}dt{-ms-flex:2;flex:2;font-weight:500}dd,dt{display:inline}dd{-ms-flex:1;flex:1;color:var(--analysis-data-color)}.desc,.desc dd,.desc dt{display:block}.desc dd{margin:0;line-height:22px}.not-calculated dd{color:#ccc}.has-mismatch dd{color:#ff6200}p{padding-top:14px;font-size:var(--analysis-data-font-size)}a{color:var(--analysis-data-color)}a:hover{text-decoration:none}"},enumerable:true,configurable:true});return t}();t("compare_analysis",d)}}});