@peculiar/fortify-webcomponents
Version:
Web-components for creating CSR or Certificate and viewing certificates list using Fortify
5 lines • 2.04 kB
JavaScript
/*!
* © Peculiar Ventures https://peculiarventures.com/ - BSD 3-Clause License
*/
import{r,h as s,H as e}from"./p-1b1223fb.js";const t=":host{display:block;width:100%}@-webkit-keyframes circular-rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes circular-rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes circular-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:100, 200;stroke-dashoffset:-15}to{stroke-dasharray:100, 200;stroke-dashoffset:-120}}@keyframes circular-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:100, 200;stroke-dashoffset:-15}to{stroke-dasharray:100, 200;stroke-dashoffset:-120}}.circle_progress{margin:0 auto}.circle_progress_svg{-webkit-animation:circular-rotate 1.4s linear infinite;animation:circular-rotate 1.4s linear infinite}.circle_progress_circle{stroke-linecap:round;-webkit-animation:circular-dash 1.4s ease-in-out infinite;animation:circular-dash 1.4s ease-in-out infinite;stroke-dasharray:80, 200;stroke-dashoffset:0;stroke:var(--pv-color-secondary)}.circle_progress_backdrop{stroke:var(--pv-color-gray-3)}";const a=t;const i=class{constructor(s){r(this,s);this.box=50;this.size=24;this.width=4}render(){return s(e,{key:"c71275c96a3abcd67c09448bbcd2bcc541500805"},s("div",{key:"f2deb4e8dc2878d0975ca9a7da9c5481e7ed01a7",class:"circle_progress",style:{width:`${this.size}px`,height:`${this.size}px`}},s("svg",{key:"3968a506d8e670a5199497ee42ae3ec99fb65de7",class:"circle_progress_svg",viewBox:`0 0 ${this.box} ${this.box}`},s("circle",{key:"55d8b2592fb6614c38841706bd7e55ec3912b88c",class:"circle_progress_backdrop",cx:this.box/2,cy:this.box/2,r:this.box/2-5,fill:"none",style:{strokeWidth:`${this.width}px`}}),s("circle",{key:"f61b2daa3fad404e325b787d3be59c8d7f04c118",class:"circle_progress_circle",cx:this.box/2,cy:this.box/2,r:this.box/2-5,fill:"none",style:{strokeWidth:`${this.width}px`}}))))}};i.style=a;export{i as peculiar_circular_progress};
//# sourceMappingURL=p-e09ff8fe.entry.js.map