@robuust-digital/vue-components 2.1.0 → 2.2.0

package/dist/_shared/Tooltip-B93ZF7IF.js

@@ -1,126 +0,0 @@
-import { shallowRef as a, createElementBlock as p, openBlock as f, renderSlot as u, createElementVNode as g, normalizeStyle as x, normalizeClass as S, unref as h, createCommentVNode as $, mergeProps as R } from "vue";
-import { useFloating as k, autoUpdate as z, autoPlacement as P, offset as W, shift as C, arrow as M, size as A } from "@floating-ui/vue";
-const B = ["innerHTML"], N = {
-  __name: "Tooltip",
-  props: {
-    content: {
-      type: String,
-      required: !0
-    },
-    blur: {
-      type: Boolean,
-      default: !0
-    },
-    maxWidth: {
-      type: Number,
-      default: null
-    },
-    tooltipClass: {
-      type: String,
-      default: ""
-    },
-    placement: {
-      type: String,
-      default: void 0,
-      validator: (t) => t === void 0 || [
-        "top",
-        "right",
-        "bottom",
-        "left",
-        "top-start",
-        "top-end",
-        "right-start",
-        "right-end",
-        "bottom-start",
-        "bottom-end",
-        "left-start",
-        "left-end"
-      ].includes(t)
-    },
-    size: {
-      type: String,
-      default: "base",
-      validator: (t) => ["sm", "base"].includes(t)
-    }
-  },
-  setup(t) {
-    const o = t, i = a(), s = a(), l = a(), {
-      floatingStyles: y,
-      middlewareData: w,
-      placement: c
-    } = k(i, s, {
-      middleware: [
-        o.placement ? null : P(),
-        W(o.size === "sm" ? 7 : 10),
-        C({ crossAxis: !0, padding: 5 }),
-        M({ element: l }),
-        A({
-          apply({ availableWidth: e, availableHeight: r, elements: n }) {
-            Object.assign(n.floating.style, {
-              maxWidth: o.maxWidth ? `${Math.min(e, o.maxWidth) / 16}rem` : "",
-              maxHeight: `${r / 16}rem `
-            });
-          }
-        })
-      ],
-      whileElementsMounted: z,
-      placement: o.placement
-    }), b = (e) => ({
-      top: 0,
-      bottom: 180,
-      left: -90,
-      right: 90
-    })[e.split("-")[0]] || 0, v = (e) => {
-      var m, d;
-      const r = c.value.split("-")[0], n = {
-        left: "right",
-        right: "left",
-        bottom: "top",
-        top: "bottom"
-      }[r];
-      return {
-        style: {
-          left: (m = e.arrow) != null && m.x ? `${e.arrow.x}px` : "",
-          top: (d = e.arrow) != null && d.y ? `${e.arrow.y}px` : "",
-          bottom: "",
-          right: "",
-          [n]: l.value ? `${l.value.offsetWidth * -1}px` : "",
-          transform: `rotate(${b(c.value)}deg)`
-        }
-      };
-    };
-    return (e, r) => (f(), p("div", {
-      ref_key: "wrapperRef",
-      ref: i,
-      class: "rvc-tooltip-wrapper"
-    }, [
-      u(e.$slots, "default"),
-      g("div", {
-        ref_key: "tooltipRef",
-        ref: s,
-        class: S([
-          "rvc-tooltip",
-          t.tooltipClass,
-          `rvc-tooltip-${t.size}`,
-          { "rvc-tooltip-blur": t.blur }
-        ]),
-        style: x(h(y))
-      }, [
-        u(e.$slots, "content", { content: t.content }, () => [
-          t.content ? (f(), p("div", {
-            key: 0,
-            innerHTML: t.content
-          }, null, 8, B)) : $("", !0)
-        ]),
-        g("div", R({
-          ref_key: "arrowRef",
-          ref: l,
-          class: "rvc-tooltip-arrow"
-        }, v(h(w))), null, 16)
-      ], 6)
-    ], 512));
-  }
-};
-export {
-  N as _
-};