import{o as r,c as d,a as s,d as l,p as o,g as c,_ as n}from"./index.js";const _=a=>(o("data-v-df686ca2"),a=a(),c(),a),f={class:"graffiti-pattern"},p=_(()=>s("div",{class:"graffiti-pattern__image"},null,-1)),g=[p];function m(a,e,t,h,$,i){return r(),d("div",f,[s("div",{class:"graffiti-pattern__image-wrapper",style:l(i.imageStyle)},g,4)])}const u={props:{rotate:{default:0},scale:{default:1},opacity:{default:1},mirror:{default:!1},maskImage:{default:100},allowMasking:{default:!0},useRadialGradient:{default:!1}},computed:{imageStyle(){let a=null;const e=`radial-gradient(circle, rgba(217, 217, 217, 1) 0%, rgba(115, 115, 115, 0) ${this.maskImage}%)`,t=`linear-gradient(0deg, rgba(217, 217, 217, 1) 0%, rgba(115, 115, 115, 0) ${this.maskImage}%)`;return this.allowMasking&&(a=this.useRadialGradient?e:t),{transform:`rotate(${this.rotate}deg) scale3d(${this.mirror?"-":""}${this.scale}, ${this.scale}, ${this.scale})`,opacity:this.opacity,...a?{maskImage:a}:{}}}}},k=n(u,[["render",m],["__scopeId","data-v-df686ca2"]]);export{k as G};
