quarkd/lib/countdown/index.js

Mobile UI Components built on Web Components.

import{_ as t,a as n}from"../typeof.js";import{_ as e,a as o,b as r,c as a,H as i,A as u,d as c,N as s,O as l,B as m}from"../index2.js";import{_ as f}from"../defineProperty.js";import"../loading/index.js";function d(t){var n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var r,a=e(t);if(n){var i=e(this).constructor;r=Reflect.construct(a,arguments,i)}else r=a.apply(this,arguments);return o(this,r)}}var p=function(e){r(c,i);var o=d(c);function c(){var n;t(this,c);for(var e=arguments.length,r=new Array(e),i=0;i<e;i++)r[i]=arguments[i];return n=o.call.apply(o,[this].concat(r)),f(a(n),"time","0"),f(a(n),"format","hh:mm:ss"),f(a(n),"totalTime",0),f(a(n),"timeCounter",null),f(a(n),"setUnit",(function(t){return t<10?"0".concat(t):t})),f(a(n),"start",(function(){n.totalTime=Number(n.time);var t=1e3,e=0,o=(new Date).getTime();n.totalTime>=0&&(n.timeCounter=setTimeout((function r(){e+=1;var a=(new Date).getTime()-(o+e*t),i=t-a;i<0&&(i=0),n.totalTime=n.totalTime-t,0===n.totalTime&&n.$emit("end"),n.totalTime<=0?clearTimeout(n.timeCounter):n.timeCounter=setTimeout(r,i)}),t))})),f(a(n),"calculateShow",(function(t){if(2===n.format.length)return[n.format.toLocaleLowerCase()].find((function(n){return n===t}));var e=n.format.slice(2,3),o=a(n).format;return(void 0===o?"":o).split(e).map((function(t){return t.toLocaleLowerCase()})).find((function(n){return n===t}))})),n}return n(c,[{key:"componentDidUpdate",value:function(t,n,e){"time"===t&&e!==n&&e&&Number(e)>0&&this.start()}},{key:"render",value:function(){var t=this.totalTime,n=parseInt("".concat(t/1e3/60/60%24),10),e=parseInt("".concat(t/1e3/60%60),10),o=parseInt("".concat(t/1e3%60),10),r=this.setUnit(o),a=this.setUnit(e),c=this.setUnit(n),s=this.format.slice(2,3);return i.h(u,null,this.calculateShow("hh")&&i.h(u,null,i.h("span",{class:"num",part:"num"},c),i.h("span",{class:"dot",part:"dot"},s)),this.calculateShow("mm")&&i.h(u,null,i.h("span",{class:"num",part:"num"},a),i.h("span",{class:"dot",part:"dot"},s)),this.calculateShow("ss")&&i.h("span",{class:"num",part:"num"},r))}}]),c}();c([s()],p.prototype,"time",void 0),c([s()],p.prototype,"format",void 0),c([l()],p.prototype,"totalTime",void 0);var h=p=c([m({tag:"quark-countdown",style:":host {\n  display: inline-flex;\n  align-items: center;\n  font-size: 3.2vw;\n  color: #ffffff;\n}\n\n:host .num {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: bold;\n  min-width: var(--countdown-num-min-width, 4.8vw);\n  padding: var(--countdown-num-padding, 0 0.8vw);\n  border-radius: var(--countdown-num-border-radius, 1.06667vw);\n  background: var(--countdown-num-background, #f4433d);\n}\n\n:host .dot {\n  display: inline-block;\n  margin: var(--countdown-dot-margin, 0 0.53333vw);\n  color: var(--countdown-dot-color, #f4433d);\n}\n"})],p);export{h as default};