@wikimedia/codex
Version:
Codex Design System for Wikimedia
2 lines (1 loc) • 1.16 kB
JavaScript
;const r=require("vue"),d=require("./useWarnOnce.cjs"),i=require("./_plugin-vue_export-helper.js"),n=r.defineComponent({name:"CdxProgressBar",props:{inline:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},setup(e,{attrs:s}){d(()=>!e.inline&&!s["aria-label"]&&!s["aria-hidden"],"CdxProgressBar: Progress bars require one of the following attribute, aria-label or aria-hidden. See documentation on https://doc.wikimedia.org/codex/latest/components/demos/progressbar.html");const a=r.computed(()=>({"cdx-progress-bar--block":!e.inline,"cdx-progress-bar--inline":e.inline,"cdx-progress-bar--enabled":!e.disabled,"cdx-progress-bar--disabled":e.disabled})),o=r.computed(()=>e.inline?"true":void 0);return{rootClasses:a,computedAriaHidden:o}}}),t=["aria-hidden","aria-disabled"];function l(e,s,a,o,u,b){return r.openBlock(),r.createElementBlock("div",{class:r.normalizeClass(["cdx-progress-bar",e.rootClasses]),role:"progressbar","aria-hidden":e.computedAriaHidden,"aria-disabled":e.disabled},s[0]||(s[0]=[r.createElementVNode("div",{class:"cdx-progress-bar__bar"},null,-1)]),10,t)}const c=i._export_sfc(n,[["render",l]]);module.exports=c;