@robuust-digital/vue-components 2.7.1 → 3.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +15 -0
- package/dist/_shared/ButtonBase-DyeIkb-l.js +76 -0
- package/dist/_shared/ChevronDownIcon-Y_yqpwON.js +39 -0
- package/dist/_shared/FormInput-k0vAk3VU.js +69 -0
- package/dist/_shared/Modal-D0x_VHiB.js +188 -0
- package/dist/_shared/Tooltip-B5w_Ojie.js +85 -0
- package/dist/_shared/XMarkIcon-CBoWSM1l.js +17 -0
- package/dist/_shared/combobox-yh0YQ8_d.js +265 -0
- package/dist/_shared/core-C0o6izrz.js +854 -0
- package/dist/_shared/dialogs-SvdPsILD.js +179 -0
- package/dist/_shared/dropdown-BPUpLokN.js +134 -0
- package/dist/_shared/icon-spinner-D3Dhustt.js +23 -0
- package/dist/_shared/lightswitch-CpyX1iA_.js +38 -0
- package/dist/_shared/rich-text-editor-DkHKNS2n.js +226 -0
- package/dist/_shared/toast-DNxJDQWN.js +84 -0
- package/dist/combobox/index.js +2 -5
- package/dist/core/file-upload.css +28 -1
- package/dist/core/index.js +5 -20
- package/dist/dialogs/index.js +3 -6
- package/dist/dropdown/index.js +2 -5
- package/dist/index/index.js +14 -36
- package/dist/lightswitch/index.js +2 -5
- package/dist/rich-text-editor/index.js +2 -5
- package/dist/toast/index.js +2 -5
- package/dist/tooltip/index.js +5 -5
- package/package.json +31 -31
- package/dist/_shared/ButtonBase.vue_vue_type_script_setup_true_lang-ZYVNEyNx.js +0 -60
- package/dist/_shared/ChevronDownIcon-BYWciGnh.js +0 -41
- package/dist/_shared/Combobox.vue_vue_type_script_setup_true_lang-BwTRzqr6.js +0 -256
- package/dist/_shared/Drawer.vue_vue_type_script_setup_true_lang-DeAu2U_2.js +0 -197
- package/dist/_shared/Dropdown.vue_vue_type_script_setup_true_lang-Cv3HwIyF.js +0 -150
- package/dist/_shared/FormInput.vue_vue_type_script_setup_true_lang-Bg7YPGyY.js +0 -74
- package/dist/_shared/Lightswitch.vue_vue_type_script_setup_true_lang-hiuDVfo5.js +0 -43
- package/dist/_shared/Modal.vue_vue_type_script_setup_true_lang-CdMsCCBi.js +0 -203
- package/dist/_shared/RichTextEditor.vue_vue_type_script_setup_true_lang-t8nRuJ6k.js +0 -247
- package/dist/_shared/Tabs.vue_vue_type_script_setup_true_lang-C4NAAuLp.js +0 -931
- package/dist/_shared/Toast.vue_vue_type_script_setup_true_lang-DS6keeu7.js +0 -78
- package/dist/_shared/Tooltip.vue_vue_type_script_setup_true_lang-B3MHy48T.js +0 -95
- package/dist/_shared/XMarkIcon-CPr_Rd8y.js +0 -19
- package/dist/_shared/icon-spinner-BYCMrTdL.js +0 -26
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
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";
|
|
2
|
-
import { TransitionRoot as B } from "@headlessui/vue";
|
|
3
|
-
import { r as p } from "./XMarkIcon-CPr_Rd8y.js";
|
|
4
|
-
const T = {
|
|
5
|
-
key: 0,
|
|
6
|
-
class: "rvc-toast-title"
|
|
7
|
-
}, S = /* @__PURE__ */ y({
|
|
8
|
-
__name: "Toast",
|
|
9
|
-
props: {
|
|
10
|
-
show: { type: Boolean, default: !1 },
|
|
11
|
-
as: { default: "div" },
|
|
12
|
-
title: { default: "" },
|
|
13
|
-
icon: { type: [Function, Object, null], default: null },
|
|
14
|
-
timeout: { type: [Number, Boolean], default: 5e3 },
|
|
15
|
-
position: { default: "bottom" },
|
|
16
|
-
type: { default: "info" },
|
|
17
|
-
showClose: { type: Boolean, default: !1 }
|
|
18
|
-
},
|
|
19
|
-
emits: ["toast:close"],
|
|
20
|
-
setup(t, { emit: v }) {
|
|
21
|
-
const s = t, d = v, i = () => {
|
|
22
|
-
s.timeout && s.show && setTimeout(() => {
|
|
23
|
-
d("toast:close");
|
|
24
|
-
}, s.timeout);
|
|
25
|
-
};
|
|
26
|
-
return h(() => {
|
|
27
|
-
i();
|
|
28
|
-
}), w(() => s.show, (e) => {
|
|
29
|
-
e && i();
|
|
30
|
-
}), (e, r) => (o(), n(c(B), {
|
|
31
|
-
show: t.show,
|
|
32
|
-
as: "template",
|
|
33
|
-
enter: "rvc-toast-transition-enter",
|
|
34
|
-
"enter-from": "rvc-toast-transition-enter-from",
|
|
35
|
-
"enter-to": "rvc-toast-transition-enter-to",
|
|
36
|
-
leave: "rvc-toast-transition-leave",
|
|
37
|
-
"leave-from": "rvc-toast-transition-leave-from",
|
|
38
|
-
"leave-to": "rvc-toast-transition-leave-to"
|
|
39
|
-
}, {
|
|
40
|
-
default: m(() => [
|
|
41
|
-
(o(), n(u(t.as), {
|
|
42
|
-
class: C(["rvc-toast", `rvc-toast-${t.position}`, `rvc-toast-${t.type}`, { "rvc-toast-open": t.show }])
|
|
43
|
-
}, {
|
|
44
|
-
default: m(() => [
|
|
45
|
-
a(e.$slots, "icon", {}, () => [
|
|
46
|
-
t.icon ? (o(), n(u(t.icon), {
|
|
47
|
-
key: 0,
|
|
48
|
-
class: "rvc-toast-icon"
|
|
49
|
-
})) : l("", !0)
|
|
50
|
-
]),
|
|
51
|
-
$("div", null, [
|
|
52
|
-
a(e.$slots, "title", {}, () => [
|
|
53
|
-
t.title ? (o(), f("span", T, k(t.title), 1)) : l("", !0)
|
|
54
|
-
]),
|
|
55
|
-
a(e.$slots, "default")
|
|
56
|
-
]),
|
|
57
|
-
a(e.$slots, "close", {}, () => [
|
|
58
|
-
t.showClose ? (o(), f("button", {
|
|
59
|
-
key: 0,
|
|
60
|
-
type: "button",
|
|
61
|
-
class: "rvc-toast-close",
|
|
62
|
-
"aria-label": "Close",
|
|
63
|
-
onClick: r[0] || (r[0] = (N) => e.$emit("toast:close"))
|
|
64
|
-
}, [
|
|
65
|
-
b(c(p))
|
|
66
|
-
])) : l("", !0)
|
|
67
|
-
])
|
|
68
|
-
]),
|
|
69
|
-
_: 3
|
|
70
|
-
}, 8, ["class"]))
|
|
71
|
-
]),
|
|
72
|
-
_: 3
|
|
73
|
-
}, 8, ["show"]));
|
|
74
|
-
}
|
|
75
|
-
});
|
|
76
|
-
export {
|
|
77
|
-
S as _
|
|
78
|
-
};
|
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
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";
|
|
2
|
-
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";
|
|
3
|
-
const B = ["innerHTML"], T = /* @__PURE__ */ b({
|
|
4
|
-
__name: "Tooltip",
|
|
5
|
-
props: {
|
|
6
|
-
content: {},
|
|
7
|
-
blur: { type: Boolean, default: !0 },
|
|
8
|
-
maxWidth: { default: null },
|
|
9
|
-
tooltipClass: { default: "" },
|
|
10
|
-
placement: { default: void 0 },
|
|
11
|
-
size: { default: "base" }
|
|
12
|
-
},
|
|
13
|
-
setup(t) {
|
|
14
|
-
const r = t, s = a(), i = a(), n = a(), {
|
|
15
|
-
floatingStyles: h,
|
|
16
|
-
middlewareData: v,
|
|
17
|
-
placement: c
|
|
18
|
-
} = z(s, i, {
|
|
19
|
-
middleware: [
|
|
20
|
-
...r.placement ? [] : [C()],
|
|
21
|
-
W(r.size === "sm" ? 7 : 10),
|
|
22
|
-
M({ crossAxis: !0, padding: 5 }),
|
|
23
|
-
P({ element: n }),
|
|
24
|
-
A({
|
|
25
|
-
apply({ availableWidth: e, availableHeight: o, elements: l }) {
|
|
26
|
-
Object.assign(l.floating.style, {
|
|
27
|
-
maxWidth: r.maxWidth ? `${Math.min(e, r.maxWidth) / 16}rem` : "",
|
|
28
|
-
maxHeight: `${o / 16}rem `
|
|
29
|
-
});
|
|
30
|
-
}
|
|
31
|
-
})
|
|
32
|
-
],
|
|
33
|
-
whileElementsMounted: S,
|
|
34
|
-
placement: r.placement
|
|
35
|
-
}), y = (e) => {
|
|
36
|
-
const o = {
|
|
37
|
-
top: 0,
|
|
38
|
-
bottom: 180,
|
|
39
|
-
left: -90,
|
|
40
|
-
right: 90
|
|
41
|
-
}, l = e.split("-")[0];
|
|
42
|
-
return l && o[l] || 0;
|
|
43
|
-
}, g = (e) => {
|
|
44
|
-
const o = c.value.split("-")[0], m = o ? {
|
|
45
|
-
left: "right",
|
|
46
|
-
right: "left",
|
|
47
|
-
bottom: "top",
|
|
48
|
-
top: "bottom"
|
|
49
|
-
}[o] : "";
|
|
50
|
-
return {
|
|
51
|
-
style: {
|
|
52
|
-
left: e.arrow?.x ? `${e.arrow.x}px` : "",
|
|
53
|
-
top: e.arrow?.y ? `${e.arrow.y}px` : "",
|
|
54
|
-
bottom: "",
|
|
55
|
-
right: "",
|
|
56
|
-
...m ? { [m]: n.value ? `${n.value.offsetWidth * -1}px` : "" } : {},
|
|
57
|
-
transform: `rotate(${y(c.value)}deg)`
|
|
58
|
-
}
|
|
59
|
-
};
|
|
60
|
-
};
|
|
61
|
-
return (e, o) => (p(), f("div", {
|
|
62
|
-
ref_key: "wrapperRef",
|
|
63
|
-
ref: s,
|
|
64
|
-
class: "rvc-tooltip-wrapper"
|
|
65
|
-
}, [
|
|
66
|
-
d(e.$slots, "default"),
|
|
67
|
-
u("div", {
|
|
68
|
-
ref_key: "tooltipRef",
|
|
69
|
-
ref: i,
|
|
70
|
-
class: $([
|
|
71
|
-
"rvc-tooltip",
|
|
72
|
-
t.tooltipClass,
|
|
73
|
-
`rvc-tooltip-${t.size}`,
|
|
74
|
-
{ "rvc-tooltip-blur": t.blur }
|
|
75
|
-
]),
|
|
76
|
-
style: x(w(h))
|
|
77
|
-
}, [
|
|
78
|
-
d(e.$slots, "content", { content: t.content }, () => [
|
|
79
|
-
t.content ? (p(), f("div", {
|
|
80
|
-
key: 0,
|
|
81
|
-
innerHTML: t.content
|
|
82
|
-
}, null, 8, B)) : R("", !0)
|
|
83
|
-
]),
|
|
84
|
-
u("div", k({
|
|
85
|
-
ref_key: "arrowRef",
|
|
86
|
-
ref: n,
|
|
87
|
-
class: "rvc-tooltip-arrow"
|
|
88
|
-
}, g(w(v))), null, 16)
|
|
89
|
-
], 6)
|
|
90
|
-
], 512));
|
|
91
|
-
}
|
|
92
|
-
});
|
|
93
|
-
export {
|
|
94
|
-
T as _
|
|
95
|
-
};
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { openBlock as e, createElementBlock as r, createElementVNode as l } from "vue";
|
|
2
|
-
function n(o, t) {
|
|
3
|
-
return e(), r("svg", {
|
|
4
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
5
|
-
viewBox: "0 0 24 24",
|
|
6
|
-
fill: "currentColor",
|
|
7
|
-
"aria-hidden": "true",
|
|
8
|
-
"data-slot": "icon"
|
|
9
|
-
}, [
|
|
10
|
-
l("path", {
|
|
11
|
-
"fill-rule": "evenodd",
|
|
12
|
-
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",
|
|
13
|
-
"clip-rule": "evenodd"
|
|
14
|
-
})
|
|
15
|
-
]);
|
|
16
|
-
}
|
|
17
|
-
export {
|
|
18
|
-
n as r
|
|
19
|
-
};
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { openBlock as o, createElementBlock as t, createElementVNode as r } from "vue";
|
|
2
|
-
const n = {
|
|
3
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
4
|
-
fill: "none",
|
|
5
|
-
viewBox: "0 0 24 24"
|
|
6
|
-
};
|
|
7
|
-
function l(c, e) {
|
|
8
|
-
return o(), t("svg", n, [...e[0] || (e[0] = [
|
|
9
|
-
r("circle", {
|
|
10
|
-
cx: "12",
|
|
11
|
-
cy: "12",
|
|
12
|
-
r: "10",
|
|
13
|
-
stroke: "currentColor",
|
|
14
|
-
"stroke-width": "4",
|
|
15
|
-
style: { opacity: ".25" }
|
|
16
|
-
}, null, -1),
|
|
17
|
-
r("path", {
|
|
18
|
-
fill: "currentColor",
|
|
19
|
-
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"
|
|
20
|
-
}, null, -1)
|
|
21
|
-
])]);
|
|
22
|
-
}
|
|
23
|
-
const s = { render: l };
|
|
24
|
-
export {
|
|
25
|
-
s as S
|
|
26
|
-
};
|