import{a as e,_ as s}from"./index-8800b505.js";import{d as a,b as o,w as t,G as l,c as r,a as d,y as i,l as n,i as u,K as m,u as c,ai as f,o as p,t as y}from"./vendor-63c60e35.js";const b={class:"f-modal-header"},v={class:"f-modal-header-title"},h=s(a({__name:"ComModal",props:{visible:{type:Boolean,required:!1,default:!1},zIndex:{type:Number,required:!1,default:2e3},width:{type:[String,Number],required:!1,default:"50%"},closeOnClickMask:{type:Boolean,required:!1,default:!1},showClose:{type:Boolean,required:!1,default:!0},title:{type:String,required:!0}},emits:["close","update:visible"],setup(s,{emit:a}){const h=s,k=e=>"string"==typeof e,C=(e,s="px")=>{return e?"number"==typeof e||k(a=e)&&!Number.isNaN(Number(a))?`${e}${s}`:k(e)?e:"":"";var a},_=o((()=>{const e={};return e["--f-modal-width"]=C(h.width),e})),x=()=>{a("update:visible",!1),a("close")};return(a,o)=>{const h=e;return t((p(),r("div",{ref:"rootElement",class:"f-modal-container",style:m({zIndex:s.zIndex}),onClick:o[0]||(o[0]=f((e=>s.closeOnClickMask&&x()),["self"]))},[d("div",{ref:"modal",class:"f-modal",style:m(c(_))},[d("header",b,[i(a.$slots,"header",{},(()=>[d("span",v,y(s.title),1)]),!0)]),i(a.$slots,"default",{},void 0,!0),i(a.$slots,"footer",{},void 0,!0),s.showClose?(p(),n(h,{key:0,name:"modal-close",class:"f-modal-close",onClick:x})):u("v-if",!0)],4)],4)),[[l,s.visible]])}}}),[["__scopeId","data-v-e92a6461"],["__file","/home/kebuxi/layout/frontend/deploy/fabrie-site/src/components/ComModal.vue"]]);export{h as _};