https://webeco.nait.ca/_nuxt/1WtSxS0n.js

1import{I as w,S as z}from"./Bfzrtnh5.js";import{_ as p,o as t,c as l,C as r,f as o,s as n,d as h,t as u,F as b,h as m,K as N,a as B,b as S,ad as D,aL as O,H as q,I as A,A as T,e as k,D as C,q as E}from"./DA0omcS5.js";const M={components:{Icon:w},emits:["dismiss"],props:{uniqueID:{type:String},size:{type:String,default:"medium"},colour:{type:String,default:"blue"},text:{type:String,required:!0},dismissable:{type:Boolean,default:!1},linked:{type:Boolean,default:!1},link:{type:String,default:"#"},linkTarget:{type:String,default:"_self"},iconClass:{type:String}},computed:{sizeClass(){switch(this.size){case"small":return"text-sm px-1 py-0.5 space-x-1.5 ";case"medium":return"text-sm px-1 py-0.5 space-x-1.5 md:px-2 md:py-1 md:space-x-1.5 ";case"large":return"text-sm px-1 py-0.5 space-x-1.5 md:px-2 md:py-1 md:space-x-1.5 lg:text-base lg:px-2 lg:py-1 lg:space-x-2 "}},colourClass(){switch(this.colour){case"light blue":return"bg-light-blue-100 text-light-blue-800";case"blue":return"bg-light-blue-500 text-white";case"light green":return"bg-green-100 text-green-800";case"green":return"bg-green-550 text-white";case"light purple":return"bg-purple-100 text-purple-650";case"purple":return"bg-purple-500 text-white";case"light gold":return"bg-gold-100 text-gold-800";case"gold":return"bg-gold-550 text-white";case"light teal":return"bg-teal-100 text-teal-800";case"teal":return"bg-teal-550 text-white";case"light grey":return"bg-slate-200 text-slate-700";case"grey":return"bg-slate-500 text-white"}},hoverClass(){switch(this.colour){case"light blue":return"hover:bg-light-blue-200 ";case"blue":return"hover:bg-light-blue-600 ";case"light green":return"hover:bg-green-200 ";case"green":return"hover:bg-green-600 ";case"light purple":return"hover:bg-purple-150 ";case"purple":return"hover:bg-purple-600 ";case"light gold":return"hover:bg-gold-200 ";case"gold":return"hover:bg-gold-600 ";case"light teal":return"hover:bg-teal-200 ";case"teal":return"hover:bg-teal-650 ";case"light grey":return"hover:bg-slate-300 ";case"grey":return"hover:bg-slate-600 "}},dismissableClass(){switch(this.colour){case"light blue":case"light green":case"light purple":case"light gold":case"light teal":case"light grey":return"hover:text-slate-900 ";case"blue":case"green":case"purple":case"gold":case"teal":case"grey":return"hover:text-slate-200 "}}},methods:{dismiss(){this.$emit("dismiss",this.uniqueID)},shouldDisplay(){return this.dismissable?!this.isDismissed:!0}}},U=["id"],H=["id","href","target"];function R(c,g,e,_,x,a){const d=m("Icon");return t(),l(b,null,[e.linked?n("",!0):(t(),l("div",{key:0,id:e.uniqueID,class:r("rounded-3xl inline-block "+a.sizeClass+a.colourClass)},[e.iconClass?(t(),o(d,{key:0,"icon-name":e.iconClass},null,8,["icon-name"])):n("",!0),h("span",null,u(e.text),1),e.dismissable?(t(),o(d,{key:1,"icon-name":"fa-solid fa-circle-xmark",onClick:a.dismiss,"aria-label":"Dismiss",class:r("cursor-pointer "+a.dismissableClass)},null,8,["onClick","class"])):n("",!0)],10,U)),e.linked?(t(),l("a",{key:1,id:e.uniqueID,class:r("focus:outline focus:outline-2 focus:outline-offset-2 focus:outline-light-blue-500 rounded-3xl inline-block "+a.sizeClass+a.hoverClass+a.colourClass),href:e.link,target:e.linkTarget},[e.iconClass?(t(),o(d,{key:0,"icon-name":e.iconClass},null,8,["icon-name"])):n("",!0),h("span",null,u(e.text),1),e.dismissable?(t(),o(d,{key:1,"icon-name":"fa-solid fa-circle-xmark",onClick:a.dismiss,"aria-label":"Dismiss",class:r("cursor-pointer "+a.dismissableClass)},null,8,["onClick","class"])):n("",!0)],10,H)):n("",!0)],64)}const I=p(M,[["render",R]]),j={components:{Icon:w},props:{shape:{type:String,default:"circle"},size:{type:String,default:"12"},fallback:{type:String,default:"initials"},iconType:{type:String,default:"person"},showLabel:{type:Boolean,default:!0},labelDirection:{type:String,default:"horizontal"},labelName:{type:String,required:!0},showSubtitle:{type:Boolean,default:!0},labelSubtitle:{type:String},labelColour:{type:String,default:"dark"},imgSrc:{type:String},linkURL:{type:String},linkTarget:{type:String,default:"_self"}},computed:{layoutClass(){if(this.showLabel==!0)switch(this.labelDirection){case"horizontal":return this.size=="48"?"flex justify-start gap-4 items-center":this.size=="24"?"flex justify-start gap-3 items-center":"flex justify-start gap-2 items-center";case"vertical":return"flex flex-col justify-center items-center text-center gap-2"}else return"block "},sizeClass(){switch(this.size){case"6":return" w-6 h-6 leading-6 ";case"9":return" w-9 h-9 leading-9 ";case"12":return" w-12 h-12 leading-[3rem] ";case"16":return" w-16 h-16 leading-[4rem] ";case"24":return" w-24 h-24 leading-[6rem] text-xl ";case"48":return"aspect-square w-full max-h-fit max-w-48 h-48 items-center flex justify-center text-[2rem] sm:text-[3rem] "}}

1,shapeClass(){switch(this.shape){case"circle":return" rounded-full ";case"rounded":return" rounded-lg ";case"square":return""}},iconClass(){return this.iconType=="organization"?"fa-regular fa-building":"fa-regular fa-user"},colourClass(){return this.labelColour=="white"?{label:"text-white ",subtitle:"text-slate-50 ",link:"text-white hover:text-slate-50 "}:{label:"text-slate-950 ",subtitle:"text-slate-500 ",link:"text-medium-blue-500 hover:text-medium-blue-400 "}},getInitials(){return this.labelName.split(" ").map(e=>e.charAt(0).toUpperCase()).join("")}},methods:{stripHtmlTags(c){return N(c)}}},P={class:"avatar max-h-full w-fit"},F=["href","target"],V=["src"],K={key:1},W=["src"],G={key:1},J={key:2,class:"avatar-label"},Q=["href","target"];function X(c,g,e,_,x,a){const d=m("Icon");return t(),l("div",P,[h("div",{class:r(a.layoutClass)},[e.linkURL?(t(),l("a",{key:0,href:e.linkURL,target:e.linkTarget},[e.imgSrc?(t(),l("img",{key:0,src:e.imgSrc,class:r(["object-cover",a.sizeClass+a.shapeClass])},null,10,V)):(t(),l("span",{key:1,class:r(["bg-medium-blue-500 inline-block text-center text-white",a.sizeClass+a.shapeClass])},[e.fallback==="icon"?(t(),o(d,{key:0,"icon-name":a.iconClass},null,8,["icon-name"])):(t(),l("span",K,u(a.getInitials),1))],2))],8,F)):(t(),l(b,{key:1},[e.imgSrc?(t(),l("img",{key:0,src:e.imgSrc,class:r(["object-cover",a.sizeClass+a.shapeClass])},null,10,W)):(t(),l("span",{key:1,class:r(["bg-medium-blue-500 inline-block text-center text-white self-start",a.sizeClass+a.shapeClass])},[e.fallback==="icon"?(t(),o(d,{key:0,"icon-name":a.iconClass},null,8,["icon-name"])):(t(),l("span",G,u(a.getInitials),1))],2))],64)),e.showLabel?(t(),l("span",J,[e.linkURL?(t(),l("a",{key:0,href:e.linkURL,target:e.linkTarget,class:r(["block text-md underline focus:outline-2",a.colourClass.link])},u(e.labelName),11,Q)):(t(),l("span",{key:1,class:r(["block text-md",a.colourClass.label])},u(a.stripHtmlTags(e.labelName)),3)),e.showSubtitle?(t(),l("span",{key:2,class:r(["block text-md",a.colourClass.subtitle])},u(e.labelSubtitle),3)):n("",!0)])):n("",!0)],2)])}const Y=p(j,[["render",X]]),Z={components:{SimpleButton:z},emits:["close"],props:{isOpen:{type:Boolean,default:!1},showOverlay:{type:Boolean,default:!0},dismissible:{type:Boolean,default:!0},modalTitle:{type:String,default:"Modal Title",required:!0},content:{type:String},teleportLocation:{type:String,default:"body"}},watch:{isOpen(c){c?window.addEventListener("keydown",this.handleEscape):window.removeEventListener("keydown",this.handleEscape)}},beforeUnmount(){window.removeEventListener("keydown",this.handleEscape)},methods:{closeModal(){this.$emit("close")},handleEscape(c){c.key==="Escape"&&this.closeModal()},handleOutsideClick(c){const g=this.$refs.modalPanel;g&&!g.contains(c.target)&&this.closeModal()}}},$=["aria-label"],ee={class:"modal-overlay fixed inset-0 bg-slate-800 bg-opacity-80 transition-opacity z-[100]"},te={class:"modal-panel relative text-left shadow-xl mx-auto sm:w-fit max-w-[calc(100%-30px)] sm:max-w-[calc(100%-100px)] max-h-[90lvh] my-4 z-[110]",ref:"modalPanel"},ae={class:"modal-dismiss block absolute -right-1 sm:-right-3 -top-1 sm:-top-3 z-[120]"};function le(c,g,e,_,x,a){const d=m("SimpleButton");return t(),o(O,{to:e.teleportLocation},[B(D,{name:"fade","enter-active-class":"duration-300 ease-out","enter-from-class":"opacity-0","enter-to-class":"opacity-100","leave-active-class":"duration-200 ease-in","leave-from-class":"opacity-100","leave-to-class":"opacity-0"},{default:S(()=>[e.isOpen?(t(),l("div",{key:0,class:"fixed top-0 left-0 flex min-h-screen min-w-full flex-col justify-center z-[90]","aria-label":e.modalTitle,role:"dialog","aria-modal":"true",onClick:g[0]||(g[0]=(...f)=>a.handleOutsideClick&&a.handleOutsideClick(...f)),ref:"modalWrapper"},[q(h("div",ee,null,512),[[A,e.showOverlay]]),h("div",te,[h("span",ae,[e.dismissible?(t(),o(d,{key:0,onClick:a.closeModal,type:"action",design:"iconOnly",size:"small",colour:"grey","icon-class":"fa-solid fa-xmark",text:"Close"},null,8,["onClick"])):n("",!0)]),T(c.$slots,"default",{},()=>[k(u(e.content),1)])],512)],8,$)):n("",!0)]),_:3})],8,["to"])}const se=p(Z,[["render",le]]),ne={components:{Avatar:Y,Chip:I,Icon:w},props:{cardHeading:{type:String,required:!0},headingLevel:{type:String,default:"h3"},headingSize:{type:String,default:"xl"},linkURL:{type:String},linkTarget:{type:String,default:"_self"},cardSubheading:{type:String},cardPreheading:{type:Array},background:{type:String,default:"grey"}

1,parentBackground:{type:Boolean,default:!1},includeAvatar:{type:Boolean,default:!1},avatar:{type:Array},includeBottomPadding:{type:Boolean,default:!1}},computed:{backgroundColor(){switch(this.background){case"grey":return this.parentBackground?"":" bg-slate-100 ";case"white":return this.parentBackground?"":" bg-white ";case"translucent":return this.parentBackground?" text-white ":" bg-white/10 text-white "}},bottomPadding(){return this.includeBottomPadding?" pb-2 sm:pb-4 ":""},headingSizeClass(){switch(this.headingSize){case"base":return"text-sm sm:text-base";case"lg":return"text-base sm:text-lg";case"xl":return"text-lg sm:text-xl "}}}},ie={class:"flex flex-col space-y-1"},re={key:0,class:"flex flex-wrap gap-3 items-center"},oe=["href","target"],ce=["href","target"],ue={key:1},de=["innerHTML"];function me(c,g,e,_,x,a){const d=m("Avatar"),f=m("Icon"),v=m("Chip");return t(),l("div",{class:r(["card-header sm:px-5 sm:pt-4 px-2 pt-2 flex flex-row space-x-3 items-center",a.backgroundColor+a.bottomPadding])},[e.includeAvatar?(t(!0),l(b,{key:0},C(e.avatar,(s,y)=>(t(),o(d,{key:y,shape:"circle",size:"12",class:"shrink-0",fallback:s.fallback,iconType:s.iconType,labelName:s.labelName,imgSrc:s.imgSrc,linkURL:s.linkURL,linkTarget:s.linkTarget,showLabel:!1,showSubtitle:!1},null,8,["fallback","iconType","labelName","imgSrc","linkURL","linkTarget"]))),128)):n("",!0),h("div",ie,[e.cardPreheading?(t(),l("ul",re,[(t(!0),l(b,null,C(e.cardPreheading,(s,y)=>(t(),l("li",{class:"leading-none",key:y},[s.type==="link"?(t(),l("a",{key:0,href:s.link,target:s.linkTarget,class:r(["text-sm underline focus:outline focus:outline-2 focus:outline-offset-2 focus:outline-light-blue-500",e.background=="translucent"?"text-white hover:text-medium-blue-200":"text-medium-blue-500 hover:text-medium-blue-400"])},[s.iconName?(t(),o(f,{key:0,iconName:s.iconName,class:"text-xs mr-1"},null,8,["iconName"])):n("",!0),k(" "+u(s.text),1)],10,oe)):n("",!0),s.type==="text"?(t(),l("span",{key:1,class:r(["text-sm",e.background=="translucent"?"text-white":"text-slate-700"])},[s.iconName?(t(),o(f,{key:0,iconName:s.iconName,class:"text-xs mr-1"},null,8,["iconName"])):n("",!0),k(" "+u(s.text),1)],2)):n("",!0),s.type==="chip"?(t(),o(v,{key:2,text:s.text,size:"small",colour:s.color,linked:s.linked,link:s.link,"link-target":s.linkTarget,"unique-ID":s.chipID,"icon-class":s.iconName},null,8,["text","colour","linked","link","link-target","unique-ID","icon-class"])):n("",!0)]))),128))])):n("",!0),(t(),o(E(e.headingLevel),{class:r(["",["leading-snug sm:leading-snug font-semibold block",e.background=="translucent"?"text-white":"text-slate-950",a.headingSizeClass]])},{default:S(()=>[e.linkURL?(t(),l("a",{key:0,class:r(["block focus:outline focus:outline-2 focus:outline-offset-2 focus:outline-light-blue-500 program-card-title",e.background=="translucent"?"text-white hover:text-medium-blue-200":"text-medium-blue-500 hover:text-medium-blue-400"]),href:e.linkURL,target:e.linkTarget},u(e.cardHeading),11,ce)):(t(),l("span",ue,u(e.cardHeading),1))]),_:1},8,["class"])),e.cardSubheading?(t(),l("span",{key:1,class:r(["text-sm sm:text-base",e.background=="translucent"?"text-white":"text-slate-700"]),innerHTML:e.cardSubheading},null,10,de)):n("",!0)])],2)}const ge=p(ne,[["render",me]]),he={components:{CardHeader:ge,Modal:se,SimpleButton:z,Chip:I,Icon:w},data(){return{dialogOpen:this.isOpen}},props:{isOpen:{type:Boolean,default:!1},size:{type:String,default:"medium"},showOverlay:{type:Boolean,default:!0},dismissible:{type:Boolean,default:!0},heading:{type:String},headerSettings:{type:Array,default:function(){return[{headingLevel:"h3"}]}},includeFooter:{type:Boolean,default:!1},footerItems:{type:Array,default:function(){return[]}}},watch:{isOpen(c){this.dialogOpen=c,c?window.addEventListener("keydown",this.handleEscape):window.removeEventListener("keydown",this.handleEscape)}},computed:{sizing(){switch(this.size){case"auto":return"max-w-full w-auto sm:min-w-72 mx-2 sm:mx-0";case"small":return"max-w-full w-auto sm:w-96 mx-2 sm:mx-0";case"medium":return"max-w-full w-auto sm:w-[42rem] mx-2 sm:mx-0";case"large":return"max-w-full w-auto sm:w-[95vw] mx-2 sm:mx-0 max-h-[90vh]"}}},methods:{closeModal(){this.dialogOpen=!1}}},fe={key:1,class:"dialog-footer sm:px-5 px-2 sm:border-t-1 border-slate-300"},xe={key:0,class:"flex flex-row flex-wrap gap-y-2 sm:gap-y-3 gap-x-3 items-center justify-left pt-0 pb-2 sm:py-3"},ye=["href","target"],be={key:1,class:"text-sm text-slate-700"};function ke(c,g,e,_,x,a){const d=m("CardHeader"),f=m("Icon"),v=m("Chip"),s=m("SimpleButton"),y=m("Modal");return t(),o(y,{"show-overlay":e.showOverlay,dismissible:e.dismissible,"modal-title":e.heading,"is-open":x.dialogOpen,onClose:a.closeModal},{default:S(()=>[h("div",{class:r(["dialog-wrapper bg-slate-100 overflow-hidden rounded-lg",a.sizing])},[e.heading?(t(),o(d,{key:0,"card-heading":e.heading,"heading-level":e.headerSettings[0].headingLevel,"card-subheading":e.headerSettings[0].subheading,"include-bottom-padding":!0,class:"border-b-1 border-slate-300"},null,8,["card-heading","heading-level","card-subheading"])):n("",!0),T(c.$slots,"default"),e.includeFooter&&e.footerItems?(t(),l("div",fe,[e.footerItems?(t(),l("ul",xe,[(t(!0),l(b,null,C(e.footerItems,(i,L)=>(t(),l("li",{class:"leading-none inline-block",key:L},[i.type==="link"?(t(),l("a",{key:0,href:i.link,target:i.linkTarget,class:"text-sm underline focus:outline focus:outline-2 focus:outline-offset-2 focus:outline-light-blue-500 text-medium-blue-500 hover:text-medium-blue-400"},[i.iconName?(t(),o(f,{key:0,iconName:i.iconName,class:"text-xs mr-1"},null,8,["iconName"])):n("",!0),k(" "+u(i.text),1)],8,ye)):n("",!0),i.type==="text"?(t(),l("span",be,[i.iconName?(t(),o(f,{key:0,iconName:i.iconName,class:"text-xs mr-1"},null,8,["iconName"])):n("",!0),k(" "+u(i.text),1)])):n("",!0),i.type==="chip"?(t(),o(v,{key:2,text:i.text,size:"small",colour:i.color,linked:i.linked,link:i.link,"link-target":i.linkTarget,"unique-ID":i.chipID,"icon-class":i.iconName},null,8,["text","colour","linked","link","link-target","unique-ID","icon-class"])):n("",!0),i.type==="button"?(t(),o(s,{key:3,design:"iconOnly",size:"small",colour:"grey",type:i.buttonType,text:i.text,link:i.link,"link-target":i.linkTarget,"icon-class":i.iconName,"unique-ID":i.buttonID,onClick:i.method},null,8,["type","text","link","link-target","icon-class","unique-ID","onClick"])):n("",!0)]))),128))])):n("",!0)])):n("",!0)],2)]),_:3}

1,8,["show-overlay","dismissible","modal-title","is-open","onClose"])}const we=p(he,[["render",ke]]);export{Y as A,ge as C,we as D,se as M,I as a};