UNPKG

@aotearoan/neon

Version:

Neon is a lightweight design library of Vue 3 components with minimal dependencies.

3 lines (2 loc) 1.39 kB
"use strict";const l=require("./NeonTooltip.cjs.js"),o=require("vue"),i=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),r=["aria-describedby"],s={ref:"content",class:"neon-tooltip__content-wrapper"},p=o.createElementVNode("div",{class:"neon-tooltip__arrow"},null,-1),d={key:0,class:"neon-tooltip__arrow-overlay"},a=["id"];function u(e,t,$,y,c,m){return o.openBlock(),o.createElementBlock("div",{ref:"tooltip","aria-describedby":e.id,class:o.normalizeClass([[{"neon-tooltip--open":e.open},`neon-tooltip--${e.tooltipStyle}`,`neon-tooltip--${e.tooltipPlacement}`,`neon-tooltip--outline-${e.outlineStyle}`,`neon-tooltip--outline-color-${e.outlineColor}`],"neon-tooltip"]),tabindex:"0",onMouseenter:t[0]||(t[0]=n=>e.openTooltip()),onMouseleave:t[1]||(t[1]=n=>e.closeTooltip()),onKeydown:[t[2]||(t[2]=o.withKeys(n=>e.toggleTooltip(),["enter"])),t[3]||(t[3]=o.withKeys(n=>e.closeTooltip(),["esc"])),t[4]||(t[4]=o.withKeys(o.withModifiers(n=>e.toggleTooltip(),["prevent"]),["space"]))]},[o.createElementVNode("div",s,[p,e.tooltipStyle==="popover"?(o.openBlock(),o.createElementBlock("div",d)):o.createCommentVNode("",!0),o.createElementVNode("div",{id:e.id,class:"neon-tooltip__content",role:"tooltip"},[o.renderSlot(e.$slots,"content")],8,a)],512),o.renderSlot(e.$slots,"target")],42,r)}const v=i(l,[["render",u]]);module.exports=v; //# sourceMappingURL=NeonTooltip.vue.cjs.js.map