1import{_ as c}from"./chunk-orderform-8e5d0a2b.js";import{o as i,c as r,a as g,m as b,f as _,t as e,q as f,b as d,e as m,n as x,l as o}from"./vendor-vue-8493ab91.js";const h={name:"progressBar",props:{element:{require:!0},dynamicClass:{require:!0}},computed:{ex:function(){return this.element.element_extras||{}},fillBackground:function(){var n=this.ex.gradient_start||"#6B46C1",l=this.ex.gradient_mid||"#E53E6B",a=this.ex.gradient_end||"#F56565",s=this.ex.template||"gradient";return s==="simple"?"background: "+n+";":"background: linear-gradient(90deg, "+n+", "+l+", "+a+", "+n+");"}}},u={key:0,class:"pb-label-top"},y={class:"pb-track"},p={key:0,class:"pb-text"},w={key:1,class:"pb-percentage"};function k(n,l,a,s,C,t){return i(),r("div",{class:x([[a.dynamicClass,a.element.box_shadow,a.element.border_type,a.element.border_radius,a.element.radius_edge],"pb-outer"]),style:o({borderColor:a.element.border_color,borderStyle:a.element.border_style,borderWidth:a.element.border_width+"px"})},[(i(),g(f("style"),{type:"text/css"},{default:b(()=>[_(" ."+e(a.dynamicClass)+".pb-outer { padding-left: "+e(a.element.padding_left+"px")+"; padding-right: "+e(a.element.padding_right+"px")+"; padding-top: "+e(a.element.padding_top+"px")+"; padding-bottom: "+e(a.element.padding_bottom+"px")+"; background-color: "+e(a.element.background_color||"transparent")+"; font-family: "+e(a.element.font_family||"Poppins, sans-serif")+"; } @media screen and (max-width: 768px) { ."+e(a.dynamicClass)+".pb-outer { padding-left: "+e(a.element.mobile_padding_left+"px")+" !important; padding-right: "+e(a.element.mobile_padding_right+"px")+" !important; padding-top: "+e(a.element.mobile_padding_top+"px")+" !important; padding-bottom: "+e(a.element.mobile_padding_bottom+"px")+" !important; } ."+e(a.dynamicClass)+" .pb-text { font-size: "+e((t.ex.mobile_text_size||12)+"px")+" !important; } } ."+e(a.dynamicClass)+" .pb-track { width: "+e((t.ex.bar_width||100)+"%")+"; margin: 0 auto; height: "+e((t.ex.bar_height||40)+"px")+"; background: "+e(t.ex.track_bg||"#E2E8F0")+"; border-radius: "+e((t.ex.border_radius!==void 0?t.ex.border_radius:8)+"px")+"; overflow: hidden; position: relative; } ."+e(a.dynamicClass)+" .pb-fill { height: 100%; width: "+e((t.ex.progress||75)+"%")+"; position: relative; overflow: hidden; "+e(t.fillBackground)+" } ."+e(a.dynamicClass)+" .pb-shimmer::after { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent); animation: pb-shimmer-"+e(a.dynamicClass)+" "+e(t.ex.animation_speed==="slow"?"3s":t.ex.animation_speed==="fast"?"1s":"2s")+" infinite; } @keyframes pb-shimmer-"+e(a.dynamicClass)+" { 0% { left: -100%; } 100% { left: 100%; } } ."+e(a.dynamicClass)+" .pb-flowing { background-size: 200% 100%; animation: pb-flow-"+e(a.dynamicClass)+" "+e(t.ex.animation_speed==="slow"?"4s":t.ex.animation_speed==="fast"?"1.5s":"2.5s")+" linear infinite; } @keyframes pb-flow-"+e(a.dynamicClass)+" { 0% { background-position: 0% 50%; } 100% { background-position: 200% 50%; } } ."+e(a.dynamicClass)+" .pb-striped { background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent); background-size: "+e((t.ex.bar_height||40)+"px")+" "+e((t.ex.bar_height||40)+"px")+"; animation: pb-stripe-"+e(a.dynamicClass)+" "+e(t.ex.animation_speed==="slow"?"2s":t.ex.animation_speed==="fast"?"0.5s":"1s")+" linear infinite; } @keyframes pb-stripe-"+e(a.dynamicClass)+" { 0% { background-position: "+e((t.ex.bar_height||40)+"px")+" 0; } 100% { background-position: 0 0; } } ."+e(a.dynamicClass)+" .pb-pulse { animation: pb-pulse-"+e(a.dynamicClass)+" "+e(t.ex.animation_speed==="slow"?"3s":t.ex.animation_speed==="fast"?"1s":"2s")+" ease-in-out infinite; } @keyframes pb-pulse-"+e(a.dynamicClass)+" { 0%, 100% { opacity: 1; filter: brightness(1); } 50% { opacity: 0.8; filter: brightness(1.3); } } ."+e(a.dynamicClass)+" .pb-text { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: "+e(t.ex.text_align||"center")+"; padding: 0 16px; color: "+e(t.ex.text_color||"#FFFFFF")+"; font-size: "+e((t.ex.text_size||14)+"px")+"; font-weight: "+e(t.ex.text_weight||700)+"; letter-spacing: "+e(t.ex.letter_spacing||"0.5px")+"; text-transform: "+e(t.ex.text_transform||"uppercase")+"; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; z-index: 2; "+e(t.ex.text_shadow?"text-shadow: 0 1px 3px rgba(0,0,0,0.3);":"")+" } ."+e(a.dynamicClass)+" .pb-label-top { text-align: "+e(t.ex.text_align||"center")+"; color: "+e(t.ex.label_color||"#333333")+"; font-size: "+e((t.ex.text_size||14)+"px")+"; font-weight: "+e(t.ex.text_weight||600)+"; margin-bottom: 8px; } ."+e(a.dynamicClass)+" .pb-percentage { text-align: right; color: "+e(t.ex.label_color||"#333333")+"; font-size: 13px; font-weight: 600; margin-top: 6px; } ",1)]),_:1})),t.ex.show_text!==!1&&t.ex.text_position==="top"?(i(),r("div",u,e(t.ex.bar_text),1)):d("",!0),m("div",y,[m("div",{class:x(["pb-fill",{"pb-shimmer"
1:t.ex.animate&&(t.ex.animation==="shimmer"||!t.ex.animation)&&t.ex.template!=="striped","pb-flowing":t.ex.animate&&t.ex.animation==="flowing"&&t.ex.template!=="striped","pb-striped":t.ex.template==="striped"||t.ex.animate&&t.ex.animation==="striped","pb-pulse":t.ex.animate&&t.ex.animation==="pulse"&&t.ex.template!=="striped"}])},null,2),t.ex.show_text!==!1&&(t.ex.text_position==="inside"||!t.ex.text_position)?(i(),r("div",p,e(t.ex.bar_text),1)):d("",!0)]),t.ex.show_percentage?(i(),r("div",w,e(t.ex.progress||75)+"%",1)):d("",!0)],6)}const B=c(h,[["render",k]]);export{B as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.