class t extends HTMLElement{connectedCallback(){this.textContent="Hello World!!"}}class e extends HTMLElement{connectedCallback(){this.innerHTML="<button>Hover me</button>",window.tippy(this.querySelector("button"),{content:"Feh, World!"})}}class i extends HTMLElement{tippyInstance=null;connectedCallback(){let t=this.getAttribute("name")||"Unknown",e=this.getAttribute("reference-code")||"N/A",i=this.getAttribute("disability-info")||"None",n=this.getAttribute("photo")||"",l=`
            <div style="display: flex; align-items: center; gap: 10px; padding: 10px; font-family: Arial, sans-serif;">
                <img src="${n}" alt="Profile Photo" style="width: 50px; height: 50px; border-radius: 50%; object-fit: cover;" />
                <div>
                    <div><strong>Name:</strong> ${t}</div>
                    <div><strong>Reference Code:</strong> ${e}</div>
                    <div><strong>Disability Info:</strong> ${i}</div>
                </div>
            </div>
        `,s=document.createElement("a");s.textContent="Hover for details yez",this.appendChild(s),this.tippyInstance=window.tippy(s,{content:l,allowHTML:!0,interactive:!0,theme:"light",placement:"top",zIndex:9999,popperOptions:{strategy:"fixed"}})}disconnectedCallback(){this.tippyInstance&&this.tippyInstance.destroy()}}var n,l=((n=l||{}).AT_RISK="AT_RISK",n.STUDY_SUPPORT="STUDY_SUPPORT",n.MEDICAL_CONDITION="MEDICAL_CONDITION",n.TEACHING_IMPLICATIONS="TEACHING_IMPLICATIONS",n);const s={AT_RISK:{icon:"P/exclamation-red-frame.png",title:"At Risk"},STUDY_SUPPORT:{icon:"P/information-shield.png",title:"Receives Study Support"},MEDICAL_CONDITION:{icon:"P/plus-shield.png",title:"Identified Medical Condition"},TEACHING_IMPLICATIONS:{icon:"P/shield--pencil.png",title:"Implications for Teaching"}};class o extends HTMLElement{tippyInstance=null;connectedCallback(){let t=this.getAttribute("name")||"Unknown",e=this.getAttribute("reference")||"N/A",i=this.getAttribute("pronouns")||"",n=this.getAttribute("photo-url")||"",l=this.getAttribute("profile-url")||"",s=`
            <div class="mini-profile align-items-center">
                <img src="${n}" alt="Profile Photo" class="img-fluid photo"/>
                <div>
                    <p class="name">${t}</p>
                    <p class="reference">${e}</p>
                    <p class="pronouns">${i}</p>
                    ${this.getCalloutHtml()}
                </div>
            </div>
        `,o=document.createElement("a");o.textContent=e,o.href=l,o.target="_blank",this.appendChild(o),this.tippyInstance=window.tippy(o,{content:s,allowHTML:!0,interactive:!0,theme:"light",placement:"top",zIndex:9999,delay:[200,150],popperOptions:{strategy:"fixed"}})}getCalloutHtml(){let t=this.getAttribute("callout-csv")?.split(",")||[];if(0===t.length)return"";let e='<div class="callout-wrapper">';for(let i of t)if(i in s){let{icon:t,title:n}=s[i];e+=`
                    <div>
                        <img class="ops_iconTag icon" src="/Static/Icons/${t}" alt="${n}" title="${n}"/>
                        <span>${n}</span>
                    </div>
                `}return e+"</div>"}disconnectedCallback(){this.tippyInstance&&(this.tippyInstance.destroy(),this.tippyInstance=null),this.querySelector("a")?.remove()}}customElements.define("hello-world",t),customElements.define("custom-tooltip",e),customElements.define("rich-tooltip",i),customElements.define("mini-profile",o);
//# sourceMappingURL=bundle.js.map
