1import p from"./DO2IcI8N.js";import h from"./C9yiaWcE.js";import{safeWindowAccess as y,safeDocumentAccess as f}from"./BxR6CUD2.js";import{_ as k,j as w,a as s,b as r,w as u,T as S,n as d,ak as B,o as l,c as i,v as n,m as a,t as _,e as c}from"./C_VzGqEg.js";const g={name:"Modal",components:{Button:h,IconClose:p},props:{visible:{type:Boolean,required:!0},size:{type:String,default:"SM"},hSize:{type:String,default:"MD"},title:{type:String,default:void 0},showFooter:{type:Boolean,default:!1},appendToBody:{type:Boolean,default:!1}},data(){return{scrollPosition:0,previousBodyStyles:{},previousScrollBehavior:"",isScrollLocked:!1}},computed:{showModal(){return this.visible}},watch:{showModal(t){t?this.lockScroll():this.unlockScroll()}},mounted(){this.showModal&&this.lockScroll()},beforeUnmount(){this.unlockScroll(this.showModal)},methods:{lockScroll(){this.isScrollLocked||y(t=>{f(e=>{this.scrollPosition=t.scrollY||e.documentElement.scrollTop,this.previousBodyStyles={position:e.body.style.position,top:e.body.style.top,left:e.body.style.left,right:e.body.style.right,width:e.body.style.width},this.previousScrollBehavior=e.documentElement.style.scrollBehavior,e.body.style.position="fixed",e.body.style.top=`-${this.scrollPosition}px`,e.body.style.left="0",e.body.style.right="0",e.body.style.width="100%",this.isScrollLocked=!0})})},unlockScroll(t=!1){!this.isScrollLocked&&!t||y(e=>{f(o=>{o.body.style.position=this.previousBodyStyles.position||"",o.body.style.top=this.previousBodyStyles.top||"",o.body.style.left=this.previousBodyStyles.left||"",o.body.style.right=this.previousBodyStyles.right||"",o.body.style.width=this.previousBodyStyles.width||"",o.documentElement.style.scrollBehavior="auto",e.scrollTo(0,this.scrollPosition),o.documentElement.style.scrollBehavior=this.previousScrollBehavior||"",this.isScrollLocked=!1})})}}},M={key:0,class:"fixed top-0 left-0 w-full h-full z-50 overlay-ui-dark-2"},C={class:"flex flex-row items-center justify-between gap-md border-b-sm color-stroke-3 py-fluid-sm px-fluid-lg"},z={key:1},T={key:0,class:"leading-150 title-xs md:title-sm"};function j(t,e,o,L,E,m){const b=p,v=h;return l(),w(B,{to:"body",disabled:!o.appendToBody},[s("div",{class:d({"container-bic container-bic-tokens":o.appendToBody})},[r(S,{name:"modal"},{default:u(()=>[m.showModal?(l(),i("div",M,[s("div",{class:"absolute inset-0 h-screen flex justify-center 2xs:items-end xl:items-center",onClick:e[3]||(e[3]=n(x=>t.$emit("close"),["self"]))},[s("div",{class:d(["modal-container flex flex-col min-h-content lg-max-h-82 rounded-ui-md background-flyout backdrop-blur-md shadow-top-medium animate-modal-fade-in lg:animate-modal-fade-in-desktop w-full",{"xl:max-w-[480px] justify-between":o.size==="SM","xl:max-w-[720px] justify-between":o.size==="MD","xl:max-w-[1170px]":o.size==="LG"}])},[s("div",C,[t.$slots.header?a(t.$slots,"header",{key:0},void 0,!0):(l(),i("div",z,[o.title?(l(),i("span",T,_(o.title),1)):c("",!0)])),r(v,{class:"cursor-pointer",variant:"mute",size:"LG",icon:"","icon-only":"",onClick:e[0]||(e[0]=x=>t.$emit("close"))},{"icon-only":u(()=>[r(b,{"color-class":"text-mute-foreground"})]),_:1})]),s("div",{class:d(["w-full overflow-y-auto flex-grow p-md md:p-xl",{"footer-padding":o.showFooter===!0}]),onClick:e[1]||(e[1]=n(()=>{},["stop"]))},[a(t.$slots,"body",{},void 0,!0)],2),o.showFooter?(l(),i("div",{key:0,class:"border-t-sm background-flyout backdrop-blur-md color-stroke-3 flex flex-row items-end justify-end py-md px-xl 2xs:fixed 2xs:w-full 2xs:bottom-0 lg:relative",onClick:e[2]||(e[2]=n(()=>{},["stop"]))},[a(t.$slots,"footer",{},void 0,!0)])):c("",!0)],2)])])):c("",!0)]),_:3})],2)],8,["disabled"])}const N=Object.assign(k(g,[["render",j],["__scopeId","data-v-a0296e92"]]),{__name:"Modal"});export{N 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.