@square/maker/components/ProgressCircle/script.js

Maker Design System by Square

!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../../components/Icon"),require("../../components/Theme"),require("../../utils/css-validator"));else if("function"==typeof define&&define.amd)define(["../../components/Icon","../../components/Theme","../../utils/css-validator"],o);else{var r="object"==typeof exports?o(require("../../components/Icon"),require("../../components/Theme"),require("../../utils/css-validator")):o(e["../../components/Icon"],e["../../components/Theme"],e["../../utils/css-validator"]);for(var t in r)("object"==typeof exports?exports:e)[t]=r[t]}}(this,(function(e,o,r){return(()=>{"use strict";var t={20:o=>{o.exports=e},219:e=>{e.exports=o},948:e=>{e.exports=r}},s={};function n(e){var o=s[e];if(void 0!==o)return o.exports;var r=s[e]={exports:{}};return t[e](r,r.exports,n),r.exports}n.n=e=>{var o=e&&e.__esModule?()=>e.default:()=>e;return n.d(o,{a:o}),o},n.d=(e,o)=>{for(var r in o)n.o(o,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:o[r]})},n.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var i={};return(()=>{n.r(i),n.d(i,{MProgressCircle:()=>c});var e=n(219),o=n(20),r=n(948),t=n.n(r);const s={components:{MIcon:o.MIcon},inject:{theme:{default:(0,e.defaultTheme)(),from:e.MThemeKey}},inheritAttrs:!1,props:{pattern:{type:String,default:void 0},color:{type:String,default:void 0,validator:t()("color")},progress:{type:Number,default:0,validator:e=>e>=0&&e<=100},iconName:{type:String,default:void 0},showIcon:{type:Boolean,default:void 0},iconColor:{type:String,default:void 0,validator:t()("color")}},computed:{...(0,e.resolveThemeableProps)("progresscircle",["pattern","color","iconName","showIcon","iconColor"]),styles(){return{"--stroke-color":this.resolvedColor,"--icon-color":this.resolvedIconColor,"--progress-length":this.progressLength}},showProgress(){return this.progress>0},progressLength(){return this.progress/100*(2*Math.PI*22)}}},a={ProgressCircleContainer:"📚19-10-2q_sgS",ProgressCircle:"📚19-10-2_PKqO",ProgressBackground:"📚19-10-2MMTSj",Progress:"📚19-10-2__fx0",IconContainer:"📚19-10-2TZWe9"};const c=function(e,o,r,t,s,n,i,a){var c,l="function"==typeof e?e.options:e;if(o&&(l.render=o,l.staticRenderFns=r,l._compiled=!0),t&&(l.functional=!0),n&&(l._scopeId="data-v-"+n),i?(c=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),s&&s.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(i)},l._ssrRegister=c):s&&(c=a?function(){s.call(this,(l.functional?this.parent:this).$root.$options.shadowRoot)}:s),c)if(l.functional){l._injectStyles=c;var p=l.render;l.render=function(e,o){return c.call(o),p(e,o)}}else{var d=l.beforeCreate;l.beforeCreate=d?[].concat(d,c):[c]}return{exports:e,options:l}}(s,(function(){var e=this,o=e.$createElement,r=e._self._c||o;return r("div",e._g(e._b({class:e.$s.ProgressCircleContainer,style:e.styles,attrs:{role:"progressbar","aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":e.progress}},"div",e.$attrs,!1),e.$listeners),[r("svg",{class:e.$s.ProgressCircle,attrs:{viewBox:"0 0 48 48",xmlns:"http://www.w3.org/2000/svg"}},[r("circle",{class:e.$s.ProgressBackground,attrs:{fill:"none","stroke-linecap":"round",cx:"24",cy:"24",r:"22"}}),e._v(" "),e.showProgress?r("circle",{class:e.$s.Progress,attrs:{fill:"none","stroke-linecap":"round",cx:"24",cy:"24",r:"22"}}):e._e()]),e._v(" "),e.resolvedShowIcon?r("div",{class:e.$s.IconContainer},[r("m-icon",{attrs:{name:e.resolvedIconName}})],1):e._e()])}),[],!1,(function(e){this.$s=a.locals||a}),null,null).exports})(),i})()}));
//# sourceMappingURL=script.js.map