@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.
Files changed (40) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/_shared/ButtonBase-DyeIkb-l.js +76 -0
  3. package/dist/_shared/ChevronDownIcon-Y_yqpwON.js +39 -0
  4. package/dist/_shared/FormInput-k0vAk3VU.js +69 -0
  5. package/dist/_shared/Modal-D0x_VHiB.js +188 -0
  6. package/dist/_shared/Tooltip-B5w_Ojie.js +85 -0
  7. package/dist/_shared/XMarkIcon-CBoWSM1l.js +17 -0
  8. package/dist/_shared/combobox-yh0YQ8_d.js +265 -0
  9. package/dist/_shared/core-C0o6izrz.js +854 -0
  10. package/dist/_shared/dialogs-SvdPsILD.js +179 -0
  11. package/dist/_shared/dropdown-BPUpLokN.js +134 -0
  12. package/dist/_shared/icon-spinner-D3Dhustt.js +23 -0
  13. package/dist/_shared/lightswitch-CpyX1iA_.js +38 -0
  14. package/dist/_shared/rich-text-editor-DkHKNS2n.js +226 -0
  15. package/dist/_shared/toast-DNxJDQWN.js +84 -0
  16. package/dist/combobox/index.js +2 -5
  17. package/dist/core/file-upload.css +28 -1
  18. package/dist/core/index.js +5 -20
  19. package/dist/dialogs/index.js +3 -6
  20. package/dist/dropdown/index.js +2 -5
  21. package/dist/index/index.js +14 -36
  22. package/dist/lightswitch/index.js +2 -5
  23. package/dist/rich-text-editor/index.js +2 -5
  24. package/dist/toast/index.js +2 -5
  25. package/dist/tooltip/index.js +5 -5
  26. package/package.json +31 -31
  27. package/dist/_shared/ButtonBase.vue_vue_type_script_setup_true_lang-ZYVNEyNx.js +0 -60
  28. package/dist/_shared/ChevronDownIcon-BYWciGnh.js +0 -41
  29. package/dist/_shared/Combobox.vue_vue_type_script_setup_true_lang-BwTRzqr6.js +0 -256
  30. package/dist/_shared/Drawer.vue_vue_type_script_setup_true_lang-DeAu2U_2.js +0 -197
  31. package/dist/_shared/Dropdown.vue_vue_type_script_setup_true_lang-Cv3HwIyF.js +0 -150
  32. package/dist/_shared/FormInput.vue_vue_type_script_setup_true_lang-Bg7YPGyY.js +0 -74
  33. package/dist/_shared/Lightswitch.vue_vue_type_script_setup_true_lang-hiuDVfo5.js +0 -43
  34. package/dist/_shared/Modal.vue_vue_type_script_setup_true_lang-CdMsCCBi.js +0 -203
  35. package/dist/_shared/RichTextEditor.vue_vue_type_script_setup_true_lang-t8nRuJ6k.js +0 -247
  36. package/dist/_shared/Tabs.vue_vue_type_script_setup_true_lang-C4NAAuLp.js +0 -931
  37. package/dist/_shared/Toast.vue_vue_type_script_setup_true_lang-DS6keeu7.js +0 -78
  38. package/dist/_shared/Tooltip.vue_vue_type_script_setup_true_lang-B3MHy48T.js +0 -95
  39. package/dist/_shared/XMarkIcon-CPr_Rd8y.js +0 -19
  40. 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
- };