watchface.min.js

window.Watchface=function(f){var k=document,a=function(a,c){var d={id:"watchface",skin:"",mode:"digital",format:12,band:!0,seconds:!1,icon:"",customCSS:!1,leadingZero:!0,media:{watch:280,band:100},colors:{background:"#000",text:"#FFF",analogBackground:"#FFF",analogText:"#333",pointers:"#333",secPointer:"#FC0505"}},b=function(a){return"undefined"!==typeof a};return c?b(f[a])?b(f[a][c])?f[a][c]:d[a][c]:d[a][c]:b(f[a])?f[a]:d[a]},n=function(){for(var d=a("media","watch"),c=a("media","band"),c=["#watch-face {display: none;font-family:sans-serif;}",
"@media (max-width: "+d+"px){#watch-face {display: block;position: fixed;top: 0; right: 0;bottom: 0; left: 0;vertical-align: middle;z-index: 1000000;text-align: center;background:"+a("colors","background")+";color:"+a("colors","text")+";}#watch-face .inner {position: absolute;display:block!important;top: 50%;left:0; right: 0;transform:translateY(-50%)}#watch-face .digital-time {white-space:nowrap;text-transform:uppercase;}#watch-face .digital .icon > * {max-width:33vw;}#watch-face .digital .digital-time {display: inline-block;font-size: 10vw;text-align: center;margin-top: 10vw;}#watch-face .analog {color: "+
a("colors","analogText")+";}#watch-face .analog .digital-time {display:none;color: "+a("colors","text")+";}#watch-face .analog .pointer{transform-origin: 50% 0;}#watch-face .analog ol{position:absolute;width:85vw;height:85vw;border-radius:50%;top:50%;background:"+a("colors","analogBackground")+";margin:-50vw auto 0;padding:7.5vw;}#watch-face .analog ol > *{display:block;position:absolute;top:50%;left:50%;width:15vw;height:15vw;line-height:15vw;font-size:10vw;text-align:center;margin:-7.5vw;}#watch-face .analog ol:after{content:'';background:"+
a("colors","pointers")+";border:1vw solid "+a("colors","analogBackground")+";box-sizing:border-box;width:5vw;height:5vw;z-index:10;position:absolute;left:50%;top:50%;margin-top:-2.5vw;margin-left:-2.5vw;border-radius:50%;}#watch-face .analog .hour{height:30vw;width:2vw;background:"+a("colors","pointers")+";position:absolute;left:50%;margin-left:-1.5vw;}#watch-face .analog .minute{height:40vw;width:2vw;background:"+a("colors","pointers")+";position:absolute;left:50%;margin-left:-1.5vw;}#watch-face .analog .second{height:40vw;width:1vw;background:"+
a("colors","secPointer")+";position:absolute;left:50%;margin-left:-.5vw;}}","@media (max-width: "+c+"px){#watch-face * {display: none;}#watch-face .digital-time {display:block !important;margin: 0;font-size: 60vw !important;transform-origin: left top 0;margin-left:20vw;float:left;position:absolute;transform: rotate(-90deg) translateX(-50%);}#watch-face .digital-time * {display:inline}}"],h="",b=1;12>=b;b++)var l=30*b,h=h+(".clock ol > *:nth-of-type("+b+") {transform: rotate("+l+"deg) translate(42.5vw) rotate("+
-1*l+"deg);}");c.push("@media (max-width: "+d+"px){"+h+"}");try{for(b=0;b<c.length;b++)document.styleSheets[0].insertRule(c[b].replace(/#watch-face/gi,"#"+a("id")),document.styleSheets[0].rules.length)}catch(q){console.log(q)}};return function(){var d=k.getElementById(a("id")),c=!1,h=function(d){c&&clearTimeout(c);var b=new Date,e=b.getHours(),g=b.getMinutes(),b=b.getSeconds(),f="",k=30*e+.5*g,l=6*g+.1*b,n=6*b,f=12<=e?"pm":"am";12==a("format")?(e=(e%=12)?e:12,f=" "+f):f="";a("leadingZero")&&(e=10<=
e?e:"0"+e);var g=10<=g?g:"0"+g,b=10<=b?b:"0"+b,m=function(a,b){var c=d.querySelectorAll(".digital-time > ."+a);c[0]&&(c[0].innerHTML=b)},p=function(a,b){var c=d.querySelectorAll(".analog .clock > ."+a);c[0]&&(c[0].style.transform="rotate("+(b+180)+"deg)")};m("hours",e);m("minutes",g);m("seconds",b);m("ampm",f);p("hour",k);p("minute",l);p("second",n);e=function(){h(d)};a("seconds")||"analog"==a("mode")?window.requestAnimationFrame(e):c=setTimeout(e,3E4)};if(!d){d=k.createElement("div");d.id=a("id");
d.className=a("skin");var b='<span class="digital-time"><span class="hours"></span>:<span class="minutes"></span>'+(a("seconds")?':<span class="seconds"></span>':"")+'<span class="ampm"></span></span>';"digital"==a("mode")?d.innerHTML='<div class="inner digital"><div class="icon">'+a("icon")+"</div>"+b+"</div>":d.innerHTML='<div class="inner analog"><div class="clock"><ol><li>4</li><li>5</li><li class="n n6">6</li><li>7</li><li>8</li><li class="n n9">9</li><li>10</li><li>11</li><li class="n n12">12</li><li>1</li><li>2</li><li class="n n3">3</li></ol><div class="hour pointer"></div><div class="minute pointer"></div><div class="second pointer"></div></div>'+
b+"</div>"}a("customCSS")||n();k.body.appendChild(d);h(d);return d}()};