@everymatrix/general-icon-progress-bar 1.2.0 → 1.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -574,7 +574,7 @@ t.formats={number:{integer:{maximumFractionDigits:0},currency:{style:"currency"}
|
|
|
574
574
|
/*div1_binding*/e[15](r)},p(t,[e]){/*progressText*/8&e&&function(t,e){e=""+e,t.wholeText!==e&&(t.data=e)}(o,/*progressText*/t[3]),/*curTatus*/16&e&&s!==(s="stepBar "+/*curTatus*/t[4])&&l(n,"class",s)},i:t,o:t,d(t){t&&u(r)
|
|
575
575
|
/*span_binding*/,e[13](null),
|
|
576
576
|
/*div0_binding*/e[14](null),
|
|
577
|
-
/*div1_binding*/e[15](null)}}}function er(t,e,r){let n;var i,o;i=Qe,o=t=>r(20,n=t),t.$$.on_destroy.push(s(i,o));let a,h,u,c,l,f,p,{currentstep:g=0}=e,{total:b=1}=e,{showaspercent:d}=e,{lang:y="en"}=e,{status:v}=e,{
|
|
577
|
+
/*div1_binding*/e[15](null)}}}function er(t,e,r){let n;var i,o;i=Qe,o=t=>r(20,n=t),t.$$.on_destroy.push(s(i,o));let a,h,u,c,l,f,p,{currentstep:g=0}=e,{total:b=1}=e,{showaspercent:d}=e,{lang:y="en"}=e,{status:v}=e,{translationurl:H=""}=e,{progressfractiondigit:T=1}=e,{triggerreset:B}=e,_="0px",A="active";!function({withLocale:t,translations:e}){$e.subscribe((r=>{null==r&&(He.set(e),$e.set(t))}));// maybe we will need this to make sure that the i18n is set up only once
|
|
578
578
|
/*dictionary.set(translations);
|
|
579
|
-
locale.set(_locale);*/}({withLocale:"en",translations:{}});Object.keys(qe).forEach((t=>{Je(t,qe[t])}));const P=()=>{var t;t=y,$e.set(t)},S=()=>{let t=(g/b*100).toFixed(T);setTimeout((()=>{r(3,c=d||"true"===d?`${t}%`:`${g}/${b} ${n("progressBar.bets")}`)}),c?573:0),0==t||100==t?(f="0px",p="0px",_=100==t?"3px":"0px"):(f=`${a.offsetHeight}px`,l=f,p=a.offsetHeight/3+"px",_="0px"),h.style.setProperty("--parentElementHeight",l),u.style.setProperty("--currentStep",t+"%"),u.style.setProperty("--triangleHeight",f),u.style.setProperty("--halfOfTriangleHeight",p),u.style.setProperty("--stepBarBorderRadius",_)};return m((()=>{S()})),t.$$set=t=>{"currentstep"in t&&r(5,g=t.currentstep),"total"in t&&r(6,b=t.total),"showaspercent"in t&&r(7,d=t.showaspercent),"lang"in t&&r(8,y=t.lang),"status"in t&&r(9,v=t.status),"
|
|
579
|
+
locale.set(_locale);*/}({withLocale:"en",translations:{}});Object.keys(qe).forEach((t=>{Je(t,qe[t])}));const P=()=>{var t;t=y,$e.set(t)},S=()=>{let t=(g/b*100).toFixed(T);setTimeout((()=>{r(3,c=d||"true"===d?`${t}%`:`${g}/${b} ${n("progressBar.bets")}`)}),c?573:0),0==t||100==t?(f="0px",p="0px",_=100==t?"3px":"0px"):(f=`${a.offsetHeight}px`,l=f,p=a.offsetHeight/3+"px",_="0px"),h.style.setProperty("--parentElementHeight",l),u.style.setProperty("--currentStep",t+"%"),u.style.setProperty("--triangleHeight",f),u.style.setProperty("--halfOfTriangleHeight",p),u.style.setProperty("--stepBarBorderRadius",_)};return m((()=>{S()})),t.$$set=t=>{"currentstep"in t&&r(5,g=t.currentstep),"total"in t&&r(6,b=t.total),"showaspercent"in t&&r(7,d=t.showaspercent),"lang"in t&&r(8,y=t.lang),"status"in t&&r(9,v=t.status),"translationurl"in t&&r(10,H=t.translationurl),"progressfractiondigit"in t&&r(11,T=t.progressfractiondigit),"triggerreset"in t&&r(12,B=t.triggerreset)},t.$$.update=()=>{/*triggerreset, total*/4160&t.$$.dirty&&B&&b&&S(),/*lang*/256&t.$$.dirty&&y&&P(),/*status*/512&t.$$.dirty&&v&&r(4,A="active"==v?"":"inactive"),/*translationurl*/1024&t.$$.dirty&&H&&fetch(H).then((t=>t.json())).then((t=>{Object.keys(t).forEach((e=>{Je(e,t[e])}))})).catch((t=>{console.log(t)}))},[a,h,u,c,A,g,b,d,y,v,H,T,B,function(t){E[t?"unshift":"push"]((()=>{h=t,r(1,h)}))},function(t){E[t?"unshift":"push"]((()=>{u=t,r(2,u)}))},function(t){E[t?"unshift":"push"]((()=>{a=t,r(0,a)}))}]}class rr extends I{constructor(t){super(),this.shadowRoot.innerHTML="<style>:host{font-family:system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'}*,*::before,*::after{margin:0;padding:0;list-style:none;text-decoration:none;outline:none;box-sizing:border-box}.general-icon-progress-bar{background:var(--emfe-w-color-black, #000000);color:var(--emfe-w-color-white, #FFFFFF);height:100%;background:rgba(0, 0, 0, 0.8);border-radius:3px}.stepBar.inactive::after{border-color:#a6a4a1 transparent transparent transparent}.stepBar.inactive{background:linear-gradient(270deg, #a2a09e 8.82%, #aba9ad 99.63%)}.stepBar.inactive span{color:rgba(112, 106, 106, 0.8)}.stepBar span{font-weight:700;font-size:11px;line-height:var(--parentElementHeight, 20px);align-items:center;color:#fff;text-align:right;position:relative;z-index:1}.stepBar::after{content:' ';position:absolute;top:0;border-width:20px 10px 20px 0;border-top-width:var(--triangleHeight, 20px);border-right-width:var(--halfOfTriangleHeight, 10px);border-bottom-width:var(--triangleHeight, 20px);border-style:solid;border-color:#FCA452 transparent transparent transparent;text-align:right}.stepBar{position:relative;width:var(--currentStep, 0);height:100%;background:linear-gradient(270deg, #FCA452 8.82%, #600062 99.63%);text-align:right;border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-right-radius:var(--stepBarBorderRadius, 0px);border-bottom-right-radius:var(--stepBarBorderRadius, 0px);transition-property:width;transition-duration:0.18s;transition-timing-function:cubic-bezier(0.43, 0.8, 0.95, 0.88);transition-delay:0.3s}</style>",N(this,{target:this.shadowRoot,props:f(this.attributes),customElement:!0},er,tr,o,{currentstep:5,total:6,showaspercent:7,lang:8,status:9,translationurl:10,progressfractiondigit:11,triggerreset:12},null),t&&(t.target&&h(t.target,this,t.anchor),t.props&&(this.$set(t.props),A()))}static get observedAttributes(){return["currentstep","total","showaspercent","lang","status","translationurl","progressfractiondigit","triggerreset"]}get currentstep(){return this.$$.ctx[5]}set currentstep(t){this.$$set({currentstep:t}),A()}get total(){return this.$$.ctx[6]}set total(t){this.$$set({total:t}),A()}get showaspercent(){return this.$$.ctx[7]}set showaspercent(t){this.$$set({showaspercent:t}),A()}get lang(){return this.$$.ctx[8]}set lang(t){this.$$set({lang:t}),A()}get status(){return this.$$.ctx[9]}set status(t){this.$$set({status:t}),A()}get translationurl(){return this.$$.ctx[10]}set translationurl(t){this.$$set({translationurl:t}),A()}get progressfractiondigit(){return this.$$.ctx[11]}set progressfractiondigit(t){this.$$set({progressfractiondigit:t}),A()}get triggerreset(){return this.$$.ctx[12]}set triggerreset(t){this.$$set({triggerreset:t}),A()}}return!customElements.get("general-icon-progress-bar")&&customElements.define("general-icon-progress-bar",rr),rr}));
|
|
580
580
|
//# sourceMappingURL=general-icon-progress-bar.js.map
|