https://webeco.nait.ca/_nuxt/Bfzrtnh5.js

1import{_ as y,c as d,C as n,o as s,t as h,s as a,d as m,H as C,N as v,a7 as x,Q as g,Z as p,f as u,a as k,b as B,aj as O,B as _,q as z,F as I,D,h as w}from"./DA0omcS5.js";const T={name:"Icon",props:{iconName:{type:String}}};function V(t,r,e,b,o,i){return s(),d("i",{class:n(e.iconName)},null,2)}const N=y(T,[["render",V]]),E={props:{size:{type:String,default:"large"},colour:{type:String,default:"red"},counterNumber:{type:String,default:"0"},maxValue:{type:String,default:"99"}},computed:{sizeClass(){switch(this.size){case"small":return"w-1.5 h-1.5 ";case"large":return"text-sm px-1.5 min-w-5 "}},colourClass(){switch(this.colour){case"blue":return"bg-medium-blue-500 text-white";case"red":return"bg-red-500 text-white";case"white":return"bg-white text-slate-950"}}}},L={key:0},W={key:1};function A(t,r,e,b,o,i){return s(),d("div",{class:n("inline-block rounded-full "+i.sizeClass+i.colourClass)},[e.size==="large"&&parseInt(e.counterNumber)<=parseInt(e.maxValue)?(s(),d("span",L,h(e.counterNumber),1)):a("",!0),e.size==="large"&&parseInt(e.counterNumber)>parseInt(e.maxValue)?(s(),d("span",W,h(e.maxValue)+"+",1)):a("",!0)],2)}const M=y(E,[["render",A]]),P={components:{Icon:N,Badge:M},emits:["click","openSearch","closeSearch","submitSearch"],props:{type:{type:String,default:"link"},design:{type:String,default:"standard"},size:{type:String,default:"default"},responsiveSize:{type:Boolean,default:!1},responsiveSizeBreakpoint:{type:Number,default:640},colour:{type:String,default:"primaryBlue"},text:{type:String,required:!0},link:{type:String},linkTarget:{type:String,default:"_self"},route:{type:Object,default:()=>{}},dropdownChildren:{type:Array},dropdownChildrenAlign:{type:String,default:"left"},includeIcon:{type:String,default:"false"},iconClass:{type:String},includeBadge:{type:Boolean,default:!1},badgeSize:{type:String,default:"large"},badgeColour:{type:String,default:"red"},badgeCounterNumber:{type:String,default:"0"},badgeMaxValue:{type:String,default:"99"},isDisabled:{type:Boolean,default:!1},uniqueID:{type:String},extraClass:{type:String},scrollToId:{type:String,default:null},searchFieldWidth:{type:Number,default:260}},data(){return{dropdownOpen:!1,searchOpen:!1,searchValue:"",isMobileSize:!1,closeEmitTimer:null}},computed:{rootTag(){return this.type==="route"?"NuxtLink":this.type==="action"?"button":"a"},rootAttrs(){const t={class:this.baseClasses,id:this.uniqueID||void 0,"aria-label":this.iconButton?this.text:void 0,title:this.iconButton?this.text:void 0,onClick:this.handleClick};return this.type==="link"?(t.href=this.isDisabled?null:this.link,t.target=this.isDisabled?null:this.linkTarget,t["aria-disabled"]=this.isDisabled?"true":void 0,t.tabindex=this.isDisabled?-1:void 0):this.type==="route"?(t.to=this.isDisabled?void 0:this.route,t["aria-disabled"]=this.isDisabled?"true":void 0):this.type==="action"&&(t.disabled=this.isDisabled,t.type="button"),t},hasBorder(){return this.colour=="secondaryBlue"||this.colour=="secondaryWhite"},iconButton(){return this.design=="iconOnly"||this.design=="searchIcon"},baseClasses(){return["relative not-prose ",this.focusClass,this.styleClass,this.paddingClass,this.colourClass,this.extraClass||""]},effectiveSize(){return this.responsiveSize&&this.isMobileSize?"small":this.size},focusClass(){return"focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-light-blue-500 "},styleClass(){switch(this.design){case"dropdown":return this.dropdownOpen?this.hasBorder?"inline-block rounded-t-lg border-b-0 ":"inline-block rounded-t-lg":"inline-block rounded-lg ";case"iconOnly":case"searchIcon":return"inline-block rounded-full ";case"fullWidth":return"block w-full rounded-lg text-center ";default:return"inline-block rounded-lg "}},borderClass(){if(this.hasBorder)return"divide-y-2 divide-solid ";{let t="";switch(this.colour){case"alternateYellow":t="divide-yellow-550";break;case"alternatePurple":t="divide-purple-600";break;case"alternateWhite":t="divide-medium-blue-100";break;case"grey":t="divide-slate-300";break;default:t="divide-medium-blue-600";break}return`${t} divide-y-1 divide-solid`}},paddingClass(){const t=this.effectiveSize;return this.iconButton?t==="small"?(this.hasBorder,"text-sm py-1 text-center "):this.hasBorder?"text-base py-1.5 text-center ":"text-base py-2 text-center ":this.design=="search"?t==="small"?this.hasBorder?"text-sm px-2 py-1 ":"text-sm px-2.5 py-1.5 ":this.hasBorder?"text-base px-3.5 py-1.5 ":"text-base px-4 py-2 ":t==="small"?this.hasBorder?"text-sm px-2 py-1 space-x-1.5":"text-sm px-2.5 py-1.5 

1space-x-1.5":this.hasBorder?"text-base px-3.5 py-1.5 space-x-2.5":"text-base px-4 py-2 space-x-2.5"},iconPaddingClass(){return[this.hasBorder&&this.effectiveSize=="default"?"px-2.5":"",!this.hasBorder&&this.effectiveSize=="default"?"px-3":"",this.hasBorder&&this.effectiveSize=="small"?"px-2":"",!this.hasBorder&&this.effectiveSize=="small"?"px-2.5":""]},colourClass(){if(this.isDisabled)return this.hasBorder?"border-solid border-2 border-slate-400 text-slate-500 disabled:cursor-not-allowed cursor-not-allowed ":"bg-slate-200 text-slate-500 disabled:cursor-not-allowed cursor-not-allowed ";switch(this.colour){case"secondaryBlue":var t="border-solid ";return this.dropdownOpen?t+="border-x-2 first:border-t-2 last:!border-b-2 border-medium-blue-600  bg-medium-blue-500 text-white hover:bg-medium-blue-400  ":this.searchOpen?t+="border-2 border-medium-blue-500 text-medium-blue-500":t+="border-2 border-medium-blue-500 text-medium-blue-500 hover:border-medium-blue-400 hover:text-medium-blue-400 hover:underline ",t;case"secondaryWhite":var t="border-solid border-x-2 ";return this.dropdownOpen?t+="first:border-t-2 last:!border-b-2  border-medium-blue-100  bg-white text-dark-blue-500 hover:bg-medium-blue-50  ":this.searchOpen?t+="border-2 border-white text-white ":t+="border-2 border-white text-white hover:underline hover:border-slate-200 hover:text-slate-200 ",t;case"alternateYellow":return"bg-yellow-500 text-dark-blue-500 hover:bg-yellow-350 ";case"alternatePurple":return"bg-purple-500 text-white hover:bg-purple-400 ";case"alternateWhite":return"bg-white text-dark-blue-500 hover:bg-medium-blue-50 ";case"alternateLightBlue":return"bg-light-blue-300 text-dark-blue-650 hover:bg-light-blue-200 ";case"grey":return"bg-slate-200 text-slate-800 hover:bg-slate-300 ";default:return"bg-medium-blue-500 text-white hover:bg-medium-blue-400 "}},badgeClasses(){return this.badgeSize==="small"?this.hasBorder?"absolute -top-0.5 -right-0.5":"absolute top-0 right-0":this.effectiveSize==="small"?this.hasBorder?"absolute -top-0.5 -right-3.5":"absolute top-0 -right-3":this.hasBorder?"absolute -top-0.5 -right-2":"absolute top-0 -right-1.5"}},methods:{updateResponsiveSize(){typeof window>"u"||(this.isMobileSize=window.innerWidth<this.responsiveSizeBreakpoint)},handleClick(t){if(!(this.design==="search"||this.design==="searchIcon")){if(this.isDisabled){t?.preventDefault?.(),t?.stopPropagation?.();return}if(this.design==="dropdown"){this.dropdownOpen=!this.dropdownOpen,this.dropdownOpen?(this.addOutsideClickListener(),this.$nextTick(()=>{const r=this.$refs.parentButton?.offsetWidth||0;(this.$refs.childrenList?.querySelectorAll("li")||[]).forEach(b=>{b.style.minWidth=r+16+"px"})})):this.removeOutsideClickListener();return}this.$emit("click",t),this.scrollToId&&this.scrollToElement()}},childClick(t){t.type==="action"&&this.$emit("click")},scrollToElement(){const t=document.getElementById(this.scrollToId);t&&t.scrollIntoView({behavior:"smooth",block:"start"})},addOutsideClickListener(){this._onOutsideClick||(this._onOutsideClick=t=>{const r=this.$refs.dropdownWrap;r&&(r.contains(t.target)||(this.dropdownOpen=!1,this.removeOutsideClickListener()))},document.addEventListener("click",this._onOutsideClick,!0))},removeOutsideClickListener(){this._onOutsideClick&&(document.removeEventListener("click",this._onOutsideClick,!0),this._onOutsideClick=null)},toggleSearch(){console.log("Search open?",this.searchOpen),this.searchOpen?(this.searchValue||"").trim()?this.submitSearch():this.closeSearch():this.openSearch()},openSearch(){this.isDisabled||this.searchOpen||(this.closeEmitTimer&&(clearTimeout(this.closeEmitTimer),this.closeEmitTimer=null),this.searchOpen=!0,this.$emit("openSearch"),this.$nextTick(()=>this.$refs.searchInput?.focus?.()))},closeSearch(){this.isDisabled||!this.searchOpen||(this.searchOpen=!1,this.closeEmitTimer&&clearTimeout(this.closeEmitTimer),this.closeEmitTimer=setTimeout(()=>{this.$emit("closeSearch"),this.closeEmitTimer=null},300))},submitSearch(){if(console.log("Submitting search"),this.isDisabled)return;const t=(this.searchValue||"").trim();this.$emit("submitSearch",t)}},mounted(){this.responsiveSize&&(this.updateResponsiveSize(),window.addEventListener("resize",this.updateResponsiveSize,{passive:!0}))},beforeUnmount(){window.removeEventListener("resize",this.updateResponsiveSize),this.closeEmitTimer&&clearTimeout(this.closeEmitTimer),this.removeOutsideClickListener()}}

1,q=["aria-hidden"],j=["disabled"],F=["disabled","aria-label","title"],R={key:1},K=["disabled","aria-label","title"],U={key:1},Y={key:2,class:"relative inline-block",ref:"dropdownWrap"},H=["disabled","aria-label"],Q={key:1},Z=["href","target"],G=["onClick","disabled"];function J(t,r,e,b,o,i){const c=w("Icon"),f=w("Badge");return e.design==="search"||e.design==="searchIcon"?(s(),d("div",{key:0,class:n([i.baseClasses,"inline-flex items-center overflow-hidden whitespace-nowrap"])},[m("form",{class:"inline-flex items-center overflow-hidden transition-[width] duration-300 ease-in-out",style:p({width:o.searchOpen?e.searchFieldWidth+"px":"0px"}),onSubmit:r[3]||(r[3]=g((...l)=>i.submitSearch&&i.submitSearch(...l),["prevent"])),"aria-hidden":o.searchOpen?"false":"true"},[C(m("input",{ref:"searchInput","onUpdate:modelValue":r[0]||(r[0]=l=>o.searchValue=l),name:"buttonSearch",disabled:e.isDisabled,placeholder:"Search","aria-label":"Search",class:n([i.hasBorder?"bg-[transparent]":" text-slate-700 text-base ",!i.hasBorder&&o.searchOpen&&e.design=="search"?"px-2":"",e.design=="searchIcon"&&o.searchOpen?"px-2 ml-2":"",e.design=="search"&&o.searchOpen?"mr-2":"","rounded-full placeholder:opacity-80 w-full min-w-0 outline-none "]),onKeydown:[r[1]||(r[1]=x(g((...l)=>i.closeSearch&&i.closeSearch(...l),["prevent"]),["esc"])),r[2]||(r[2]=x(g((...l)=>i.submitSearch&&i.submitSearch(...l),["prevent"]),["enter"]))]},null,42,j),[[v,o.searchValue]])],44,q),m("button",{type:"button",class:"inline-flex items-center",disabled:e.isDisabled,"aria-label":e.design==="searchIcon"?e.text:"",title:e.design==="searchIcon"?e.text:"",onClick:r[4]||(r[4]=(...l)=>i.toggleSearch&&i.toggleSearch(...l))},[e.design==="searchIcon"?(s(),u(c,{key:0,"icon-name":"fa-solid fa-search",class:n(i.iconPaddingClass)},null,8,["class"])):a("",!0),e.design!=="searchIcon"?(s(),d("span",R,h(e.text),1)):a("",!0),e.design!=="searchIcon"?(s(),u(c,{key:2,"icon-name":"fa-solid fa-search",class:"ml-2"})):a("",!0)],8,F),o.searchOpen?(s(),d("button",{key:0,type:"button",class:n(["shrink-0",e.design=="search"?"ml-2":"mr-2"]),disabled:e.isDisabled,"aria-label":t.closeAriaLabel,title:t.closeAriaLabel,onClick:r[5]||(r[5]=(...l)=>i.closeSearch&&i.closeSearch(...l))},[k(c,{"icon-name":"fa-solid fa-xmark"})],10,K)):a("",!0),e.includeBadge?(s(),u(f,{key:1,size:e.badgeSize,colour:e.badgeColour,counterNumber:e.badgeCounterNumber,maxValue:e.badgeMaxValue,class:n(i.badgeClasses)},null,8,["size","colour","counterNumber","maxValue","class"])):a("",!0)],2)):e.design!=="dropdown"?(s(),u(z(i.rootTag),O(_({key:1},i.rootAttrs)),{default:B(()=>[e.includeIcon==="left"||e.design==="iconOnly"?(s(),u(c,{key:0,"icon-name":e.iconClass,class:n(e.design=="iconOnly"?i.iconPaddingClass:"")},null,8,["icon-name","class"])):a("",!0),e.design!=="iconOnly"?(s(),d("span",U,h(e.text),1)):a("",!0),e.includeIcon==="right"&&e.design!=="iconOnly"?(s(),u(c,{key:2,"icon-name":e.iconClass},null,8,["icon-name"])):a("",!0),e.includeBadge?(s(),u(f,{key:3,size:e.badgeSize,colour:e.badgeColour,counterNumber:e.badgeCounterNumber,maxValue:e.badgeMaxValue,class:n(i.badgeClasses)},null,8,["size","colour","counterNumber","maxValue","class"])):a("",!0)]),_:1},16)):(s(),d("div",Y,[m("button",{disabled:e.isDisabled,onClick:r[6]||(r[6]=(...l)=>i.handleClick&&i.handleClick(...l)),ref:"parentButton","aria-label":e.design==="iconOnly"?e.text:null,class:n([i.baseClasses,"text-nowrap"])},[e.includeIcon==="left"?(s(),u(c,{key:0,"icon-name":e.iconClass},null,8,["icon-name"])):a("",!0),e.design!=="iconOnly"?(s(),d("span",Q,h(e.text),1)):a("",!0),k(c,{"icon-name":o.dropdownOpen?"fa-solid fa-caret-up":"fa-solid fa-caret-down"},null,8,["icon-name"]),e.includeBadge?(s(),u(f,{key:2,size:e.badgeSize,colour:e.badgeColour,counterNumber:e.badgeCounterNumber,maxValue:e.badgeMaxValue,class:n(i.badgeClasses)},null,8,["size","colour","counterNumber","maxValue","class"])):a("",!0)],10,H),o.dropdownOpen?(s(),d("ul",{key:0,class:n([{"right-0":e.dropdownChildrenAlign==="right","left-0":e.dropdownChildrenAlign==="left"},i.borderClass,"absolute rounded-b-lg z-50"]),ref:"childrenList"},[(s(!0),d(I,null,D(e.dropdownChildren,(l,S)=>(s(),d("li",{key:S,class:n([{"first:rounded-tl-lg":e.dropdownChildrenAlign==="right","first:rounded-tr-lg":e.dropdownChildrenAlign==="left"},"block last:rounded-b-lg whitespace-nowrap ",i.colourClass])},[l.type==="link"?(s(),d("a",{key:0,href:e.isDisabled?null:l.link,target:e.isDisabled?null:l.linkTarget,class:n([{"cursor-not-allowed "

1:e.isDisabled},"block "+i.focusClass+i.paddingClass])},h(l.text),11,Z)):l.type==="action"?(s(),d("button",{key:1,onClick:$=>i.childClick(l),disabled:e.isDisabled,class:n([{"cursor-not-allowed ":e.isDisabled},"block w-full text-left "+i.paddingClass])},h(l.text),11,G)):a("",!0)],2))),128))],2)):a("",!0)],512))}const X=y(P,[["render",J]]),te=Object.freeze(Object.defineProperty({__proto__:null,default:X},Symbol.toStringTag,{value:"Module"}));export{M as B,N as I,X as S,te as a};