1import{f as M,i as h,o as w,n as I,p as t,t as B,x as U,v as b,C as j,q as d,y as s,D as $,ae as z,r as c,K as O,af as T,$ as D,ag as S,ah as E,M as y,ac as V,z as p,a6 as _,A as f,O as H,P as x}from"./B83PSHD9.js";import{o as L,b as N}from"./CfDp_-k0.js";import{u as q}from"./BRvmCqv0.js";import{_ as P}from"./B7J1jtY0.js";import"./mi83nMSE.js";const F={class:"relative flex items-center self-stretch"},K=M({__name:"ModalHeader",props:{title:{default:""},titleIcon:{default:void 0},titleAlign:{default:"center"},headerUnderline:{type:Boolean,default:!1}},emits:["closeModal"],setup(g){const a=g,n=h(()=>({"justify-start":a.titleAlign==="left","justify-center":a.titleAlign==="center"}));return(l,i)=>{const r=$;return w(),I("div",F,[t("div",{class:b(["flex flex-1 items-center gap-[2px]",d(n)])},[l.titleIcon?(w(),B(r,{key:0,name:l.titleIcon,"aria-hidden":"true",class:"text-2.5xl"},null,8,["name"])):U("",!0),t("span",{class:b(["text-xl/6.5 font-semibold md:text-2xl/7.5",[l.headerUnderline&&"underline decoration-blue-015 decoration-[length:16%] underline-offset-[length:25%] md:decoration-[length:11%]"]])},j(l.title),3)],2),t("button",{type:"button",class:"aspect-square flex size-6 shrink-0 items-center justify-center rounded-full text-grey-01 hover:bg-grey-04 focus-visible:custom-focused-outline md:size-8","aria-label":"Close modal",onClick:i[0]||(i[0]=m=>l.$emit("closeModal"))},[s(r,{name:"IconClose","aria-hidden":"true",class:"fill-current stroke-current text-sm md:text-xl"})])])}}}),R={key:0,class:"main-v2 modal-dialog fixed inset-0 z-[999] overflow-y-auto"},Y={class:"flex min-h-screen items-center justify-center"},G=["aria-label"],J=M({__name:"Modal",props:S({containerClass:{default:void 0},closeButtonClass:{default:void 0},roundedClass:{default:void 0},closeOnEsc:{type:Boolean,default:!1},ariaLabel:{default:"Modal"}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:["update:modelValue"],setup(g){const a=g,n=z(g,"modelValue"),l=c(null),{activate:i,deactivate:r}=q(l,{immediate:!1});L(l,m),N("Escape",u=>{!a.closeOnEsc||!n.value||(u?.preventDefault(),m())});function m(){n.value=!1}return O(n,async u=>{if(u){if(await E(),!n.value)return;i()}else r()}),T(()=>{n.value&&r()}),(u,e)=>{const C=$;return n.value?(w(),I("div",R,[t("div",Y,[e[0]||(e[0]=t("div",{class:"fixed inset-0 transition-opacity","aria-hidden":"true"},[t("div",{class:"absolute inset-0 bg-black/45"})],-1)),t("div",{ref_key:"target",ref:l,class:"mx-4"},[t("div",{class:b(["relative flex w-full flex-col overflow-hidden rounded-2xl bg-white px-3 py-4 transition-all md:flex-row md:p-6",u.containerClass||"max-w-4xl"]),role:"dialog","aria-modal":"true","aria-label":u.ariaLabel},[t("button",{type:"button",class:b(["aspect-square absolute right-0 top-0 flex size-6 shrink-0 items-center justify-center text-grey-01 hover:bg-grey-04 focus-visible:ring-focused/40 md:size-8",[u.closeButtonClass||"mr-4 mt-4 p-2",u.roundedClass||"rounded-full"]]),onClick:m},[s(C,{name:"IconClose",class:"fill-current stroke-current text-sm md:text-xl"})],2),D(u.$slots,"default")],10,G)],512)])])):U("",!0)}}}),Q={class:"main-v2"},W={class:"mb-8 space-y-5"},X={class:"flex flex-wrap gap-2"},Z={class:"flex flex-wrap gap-2"},ee={class:"flex flex-wrap gap-2"},te={class:"space-y-6 md:space-y-8"},le={class:"flex flex-col items-center gap-3 self-stretch md:flex-row md:gap-6"},oe={class:"space-y-6 md:space-y-8"},ne={class:"flex flex-wrap gap-2"},se={class:"flex flex-wrap items-start gap-2"},ae={class:"flex flex-col items-start justify-start gap-5 lg:flex-row lg:gap-2"},ie={class:"mt-8"},de={class:"mt-8 flex flex-wrap gap-2"},ce=M({__name:"sample-modal",setup(g){const a=c(!1),n=c(!1),l=c(!1),i=c("left"),r=c(!1),m=c(!1);return(u,e)=>{const C=K,v=H,k=J,A=P;return w(),I("div",Q,[t("div",W,[e[19]||(e[19]=t("h4",null,"Modal options:",-1)),t("div",null,[e[16]||(e[16]=t("h5",{class:"mb-2 text-lg"},"Title alignment",-1)),t("div",X,[y(t("input",{id:"leftAlign","onUpdate:modelValue":e[0]||(e[0]=o=>p(i)?i.value=o:null),name:"align",type:"radio",value:"left"},null,512),[[V,d(i)]]),e[14]||(e[14]=t("label",{for:"leftAlign"},"Left",-1)),y(t("input",{id:"centerAlign","onUpdate:modelValue":e[1]||(e[1]=o=>p(i)?i.value=o:null),name:"align",type:"radio",value:"center"},null,512),[[V,d(i)]]),e[15]||(e[15]=t("label",{for:"centerAlign"},"Center",-1))])]),t("div",Z,[y(t("input",{id:"enableIcon","onUpdate:modelValue":e[2]||(e[2]=o=>p(r)?r.value=o:null),type:"checkbox"},null,512),[[_,d(r)]]),e[17]||(e[17]=t("label",{for:"enableIcon"},"Enable Icon",-1))]),t("div",ee,[y(t("input",{id:"headerUnderline","onUpdate:modelValue":e[3]||(e[3]=o=>p(m)?m.value=o:null),type:"checkbox"},null,512),[[_,d(m)]]),e[18]||(e[18]=t("label",{for:"headerUnderline"},"Header underline",-1))])]),s(k,{modelValue:d(a),"onUpdate:modelValue":e[7]||
1(e[7]=o=>p(a)?a.value=o:null),"close-button-class":"hidden","close-on-esc":"","aria-label":"Payment options modal","container-class":"w-full md:w-screen-75 max-w-2xl"},{default:f(()=>[t("div",te,[s(C,{title:"Payment options","title-align":d(i),"header-underline":d(m),"title-icon":d(r)?"IconFilterAlt":void 0,onCloseModal:e[4]||(e[4]=o=>a.value=!1)},null,8,["title-align","header-underline","title-icon"]),e[22]||(e[22]=t("div",{class:"text-base","aria-describedby":"myModal-description"},[t("p",{id:"myModal-description"}," You may not be eligible to gain another place into this course. If you reject this offer we will offer this place to another student on the waitlist. If you continue now and have a change of mind, please call Student Services ")],-1)),t("div",le,[s(v,{component:"button",type:"tertiary",class:"w-full md:flex-1 print:hidden",onClick:e[5]||(e[5]=()=>a.value=!1)},{default:f(()=>e[20]||(e[20]=[x(" Cancel ")])),_:1}),s(v,{component:"button",class:"w-full md:flex-1 print:hidden",onClick:e[6]||(e[6]=()=>a.value=!1)},{default:f(()=>e[21]||(e[21]=[x(" Continue ")])),_:1})])])]),_:1},8,["modelValue"]),s(k,{modelValue:d(n),"onUpdate:modelValue":e[8]||(e[8]=o=>p(n)?n.value=o:null),"close-on-esc":""},{default:f(()=>[s(A)]),_:1},8,["modelValue"]),s(k,{modelValue:d(l),"onUpdate:modelValue":e[10]||(e[10]=o=>p(l)?l.value=o:null),"container-class":"w-full max-w-5xl","close-on-esc":""},{default:f(()=>[t("div",oe,[t("div",ne,[t("span",{class:b(["h2 border-b-5 leading-relaxed","border-blue-03"])}," Custom Title "),e[23]||(e[23]=t("p",null," Lorem ipsum, dolor sit amet consectetur adipisicing elit. Doloribus voluptate voluptate voluptate voluptate voluptate voluptate voluptate voluptate voluptate. ",-1))]),t("div",se,[s(v,{component:"button",class:"w-full lg:w-auto print:hidden",onClick:e[9]||(e[9]=()=>l.value=!1)},{default:f(()=>e[24]||(e[24]=[x(" Cancel ")])),_:1})])])]),_:1},8,["modelValue"]),t("div",ae,[s(v,{component:"button",icon:{name:"IconInfo",side:"left"},type:"secondary",class:"mt-auto sm:w-auto print:hidden",onClick:e[11]||(e[11]=()=>a.value=!0)},{default:f(()=>e[25]||(e[25]=[x(" Modal with dynamic header ")])),_:1})]),t("div",ie,[e[28]||(e[28]=t("h5",null,"Sample Modals using base modal",-1)),t("div",de,[s(v,{component:"button",icon:{name:"IconInfo",side:"left"},type:"secondary",class:"mt-auto sm:w-auto print:hidden",onClick:e[12]||(e[12]=()=>n.value=!0)},{default:f(()=>e[26]||(e[26]=[x(" Time commitment modal ")])),_:1}),s(v,{component:"button",icon:{name:"IconInfo",side:"left"},type:"secondary",class:"mt-auto sm:w-auto print:hidden",onClick:e[13]||(e[13]=()=>l.value=!0)},{default:f(()=>e[27]||(e[27]=[x(" Custom modal ")])),_:1})])])])}}});export{ce 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.