UNPKG

@aotearoan/neon

Version:

Neon is a lightweight design library of Vue 3 components with minimal dependencies.

3 lines (2 loc) 1.62 kB
"use strict";const r=require("./NeonLinearProgress.cjs.js"),e=require("vue"),l=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),a=["aria-valuemax","aria-valuenow"],s={class:"neon-linear-progress__container"},t={key:0,class:"neon-linear-progress__label"},i={class:"neon-linear-progress__bar"},c={key:1,class:"neon-linear-progress__output"};function p(o,d,m,_,g,v){const n=e.resolveComponent("neon-icon");return e.openBlock(),e.createElementBlock("div",{"aria-valuemax":o.computedTotal,"aria-valuenow":o.calculatedValue,class:e.normalizeClass([[`neon-linear-progress--${o.color}`,`neon-linear-progress--${o.size}`,o.alternateColor?`neon-linear-progress--alternate-color-${o.alternateColor}`:""],"neon-linear-progress"]),"aria-valuemin":"0",role:"progressbar"},[e.createElementVNode("div",s,[o.label?(e.openBlock(),e.createElementBlock("span",t,e.toDisplayString(o.label),1)):e.createCommentVNode("",!0),e.createElementVNode("div",i,[e.createElementVNode("div",{class:e.normalizeClass([{"neon-linear-progress__indicator--completed":o.completed},"neon-linear-progress__indicator"]),style:e.normalizeStyle(`width:${o.computedPercentage}%`)},null,6)])]),o.completedIcon&&o.completed?(e.openBlock(),e.createBlock(n,{key:0,color:o.completedIconColor||o.alternateColor||o.color,name:o.completedIcon,class:"neon-linear-progress__icon"},null,8,["color","name"])):e.createCommentVNode("",!0),o.output?(e.openBlock(),e.createElementBlock("span",c,e.toDisplayString(o.computedOutput),1)):e.createCommentVNode("",!0)],10,a)}const u=l(r,[["render",p]]);module.exports=u; //# sourceMappingURL=NeonLinearProgress.vue.cjs.js.map