@robuust-digital/vue-components 2.7.0 → 3.0.0

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

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

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

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

package/dist/_shared/XMarkIcon-CPr_Rd8y.js

@@ -1,19 +0,0 @@
-import { openBlock as e, createElementBlock as r, createElementVNode as l } from "vue";
-function n(o, t) {
-  return e(), r("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 24 24",
-    fill: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon"
-  }, [
-    l("path", {
-      "fill-rule": "evenodd",
-      d: "M5.47 5.47a.75.75 0 0 1 1.06 0L12 10.94l5.47-5.47a.75.75 0 1 1 1.06 1.06L13.06 12l5.47 5.47a.75.75 0 1 1-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 0 1-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 0 1 0-1.06Z",
-      "clip-rule": "evenodd"
-    })
-  ]);
-}
-export {
-  n as r
-};

package/dist/_shared/icon-spinner-BYCMrTdL.js

@@ -1,26 +0,0 @@
-import { openBlock as o, createElementBlock as t, createElementVNode as r } from "vue";
-const n = {
-  xmlns: "http://www.w3.org/2000/svg",
-  fill: "none",
-  viewBox: "0 0 24 24"
-};
-function l(c, e) {
-  return o(), t("svg", n, [...e[0] || (e[0] = [
-    r("circle", {
-      cx: "12",
-      cy: "12",
-      r: "10",
-      stroke: "currentColor",
-      "stroke-width": "4",
-      style: { opacity: ".25" }
-    }, null, -1),
-    r("path", {
-      fill: "currentColor",
-      d: "M4 12a8 8 0 0 1 8-8V0C5.373 0 0 5.373 0 12zm2 5.291A7.96 7.96 0 0 1 4 12H0c0 3.042 1.135 5.824 3 7.938z"
-    }, null, -1)
-  ])]);
-}
-const s = { render: l };
-export {
-  s as S
-};