@volverjs/ui-vue
Version:
@volverjs/ui-vue is a lightweight Vue 3 component library to accompany @volverjs/style.
2 lines (1 loc) • 1.51 kB
JavaScript
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).VvProgress=t(e.vue)}(this,function(e){"use strict";var t=(e=>(e.local="local",e.session="session",e))(t||{}),o=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(o||{}),r=(e=>(e.before="before",e.after="after",e))(r||{}),n=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(n||{}),u=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(u||{});const i={modifiers:{type:[String,Array],default:void 0}};r.before,o.bottom,n.button,u.button,t.local;const s={...i,value:{type:[Number,String],default:void 0},max:{type:[Number,String]},label:{type:String,required:!0}};return e.defineComponent({name:"VvProgress",props:s,setup(t){const o=t,{value:r,max:n,label:u}=e.toRefs(o),i=e.computed(()=>void 0===o.value),{modifiers:s}=e.toRefs(o),a=function(t,o,r){return e.computed(()=>{const n={[t]:!0},u="string"==typeof o?.value?o.value.split(" "):o?.value;return u&&Array.isArray(u)&&u.forEach(e=>{e&&(n[`${t}--${e}`]=!0)}),r&&Object.keys(r.value).forEach(o=>{n[`${t}--${o}`]=e.unref(r.value[o])}),n})}("vv-progress",s,e.computed(()=>({indeterminate:i.value})));return(t,o)=>(e.openBlock(),e.createElementBlock("progress",e.normalizeProps(e.guardReactiveProps({class:e.unref(a),ariaLabel:e.unref(u),max:e.unref(n),value:e.unref(r)})),null,16))}})});