@aotearoan/neon/dist/components/feedback/tooltip/NeonTooltip.vue.es.js

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

import p from "./NeonTooltip.es.js";
import { openBlock as i, createElementBlock as r, withKeys as n, withModifiers as d, normalizeClass as a, createElementVNode as l, createCommentVNode as $, renderSlot as s } from "vue";
import v from "../../../_virtual/_plugin-vue_export-helper.es.js";
const m = ["aria-describedby"], u = {
  ref: "content",
  class: "neon-tooltip__content-wrapper"
}, f = {
  key: 0,
  class: "neon-tooltip__arrow-overlay"
}, y = ["id"];
function w(o, e, T, b, g, S) {
  return i(), r("div", {
    ref: "tooltip",
    "aria-describedby": o.id,
    class: a([[
      { "neon-tooltip--open": o.open },
      `neon-tooltip--${o.tooltipStyle}`,
      `neon-tooltip--${o.tooltipPlacement}`,
      `neon-tooltip--outline-${o.outlineStyle}`,
      `neon-tooltip--outline-color-${o.outlineColor}`
    ], "neon-tooltip"]),
    tabindex: "0",
    onMouseenter: e[0] || (e[0] = (t) => o.openTooltip()),
    onMouseleave: e[1] || (e[1] = (t) => o.closeTooltip()),
    onKeydown: [
      e[2] || (e[2] = n((t) => o.toggleTooltip(), ["enter"])),
      e[3] || (e[3] = n((t) => o.closeTooltip(), ["esc"])),
      e[4] || (e[4] = n(d((t) => o.toggleTooltip(), ["prevent"]), ["space"]))
    ]
  }, [
    l("div", u, [
      e[5] || (e[5] = l("div", { class: "neon-tooltip__arrow" }, null, -1)),
      o.tooltipStyle === "popover" ? (i(), r("div", f)) : $("", !0),
      l("div", {
        id: o.id,
        class: "neon-tooltip__content",
        role: "tooltip"
      }, [
        s(o.$slots, "content")
      ], 8, y)
    ], 512),
    s(o.$slots, "target")
  ], 42, m);
}
const N = /* @__PURE__ */ v(p, [["render", w]]);
export {
  N as default
};
//# sourceMappingURL=NeonTooltip.vue.es.js.map