@robuust-digital/vue-components 2.2.1 → 2.3.0

package/dist/_shared/Toast.vue_vue_type_script_setup_true_lang-Be3i_0zE.js

@@ -1,78 +0,0 @@
-import { defineComponent as d, onMounted as y, watch as h, createBlock as a, openBlock as e, unref as i, withCtx as c, resolveDynamicComponent as m, normalizeClass as w, renderSlot as s, createElementVNode as C, createCommentVNode as n, createElementBlock as u, toDisplayString as $, createVNode as k } from "vue";
-import { TransitionRoot as b } from "@headlessui/vue";
-import { r as B } from "./XMarkIcon-90mcPzBs.js";
-const T = {
-  key: 0,
-  class: "rvc-toast-title"
-}, S = /* @__PURE__ */ d({
-  __name: "Toast",
-  props: {
-    show: { type: Boolean, default: !1 },
-    as: { default: "div" },
-    title: { default: "" },
-    icon: { type: [Function, Object, null], default: null },
-    timeout: { type: [Number, Boolean], default: 5e3 },
-    position: { default: "bottom" },
-    type: { default: "info" },
-    showClose: { type: Boolean, default: !1 }
-  },
-  emits: ["toast:close"],
-  setup(f, { emit: p }) {
-    const o = f, v = p, l = () => {
-      o.timeout && o.show && setTimeout(() => {
-        v("toast:close");
-      }, o.timeout);
-    };
-    return y(() => {
-      l();
-    }), h(() => o.show, (t) => {
-      t && l();
-    }), (t, r) => (e(), a(i(b), {
-      show: t.show,
-      as: "template",
-      enter: "rvc-toast-transition-enter",
-      "enter-from": "rvc-toast-transition-enter-from",
-      "enter-to": "rvc-toast-transition-enter-to",
-      leave: "rvc-toast-transition-leave",
-      "leave-from": "rvc-toast-transition-leave-from",
-      "leave-to": "rvc-toast-transition-leave-to"
-    }, {
-      default: c(() => [
-        (e(), a(m(t.as), {
-          class: w(["rvc-toast", `rvc-toast-${t.position}`, `rvc-toast-${t.type}`, { "rvc-toast-open": t.show }])
-        }, {
-          default: c(() => [
-            s(t.$slots, "icon", {}, () => [
-              t.icon ? (e(), a(m(t.icon), {
-                key: 0,
-                class: "rvc-toast-icon"
-              })) : n("", !0)
-            ]),
-            C("div", null, [
-              s(t.$slots, "title", {}, () => [
-                t.title ? (e(), u("span", T, $(t.title), 1)) : n("", !0)
-              ]),
-              s(t.$slots, "default")
-            ]),
-            s(t.$slots, "close", {}, () => [
-              t.showClose ? (e(), u("button", {
-                key: 0,
-                type: "button",
-                class: "rvc-toast-close",
-                "aria-label": "Close",
-                onClick: r[0] || (r[0] = (N) => t.$emit("toast:close"))
-              }, [
-                k(i(B))
-              ])) : n("", !0)
-            ])
-          ]),
-          _: 3
-        }, 8, ["class"]))
-      ]),
-      _: 3
-    }, 8, ["show"]));
-  }
-});
-export {
-  S as _
-};

package/dist/_shared/Tooltip.vue_vue_type_script_setup_true_lang-CoydN9sS.js

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