@robuust-digital/vue-components 2.5.0-beta.4 → 2.6.0

package/dist/index/index.js

@@ -1,13 +1,13 @@
-import { _ as r, a as t, b as e, c as s, d as m, e as p, f as x, g as f, h as _, i } from "../_shared/Tabs.vue_vue_type_script_setup_true_lang-B0RIqYLz.js";
+import { _ as r, a as t, b as e, c as s, d as m, e as p, f as x, g as f, h as _, i } from "../_shared/Tabs.vue_vue_type_script_setup_true_lang-ByxZ-FVI.js";
 import { _ as d } from "../_shared/ChevronDownIcon-BYWciGnh.js";
 import { _ as n } from "../_shared/ButtonBase.vue_vue_type_script_setup_true_lang-ZYVNEyNx.js";
 import { _ as h } from "../_shared/FormInput.vue_vue_type_script_setup_true_lang-Bg7YPGyY.js";
 import { _ as g } from "../_shared/Combobox.vue_vue_type_script_setup_true_lang-BwTRzqr6.js";
-import { _ as B } from "../_shared/Drawer.vue_vue_type_script_setup_true_lang-CZMVooMV.js";
-import { _ as F } from "../_shared/Modal.vue_vue_type_script_setup_true_lang-CB0Gez7v.js";
+import { _ as B } from "../_shared/Drawer.vue_vue_type_script_setup_true_lang-DjP68vua.js";
+import { _ as F } from "../_shared/Modal.vue_vue_type_script_setup_true_lang-MN3D46CX.js";
 import { _ as A } from "../_shared/Dropdown.vue_vue_type_script_setup_true_lang-L_lQEUBC.js";
 import { _ as E } from "../_shared/Lightswitch.vue_vue_type_script_setup_true_lang-hiuDVfo5.js";
-import { _ as S } from "../_shared/RichTextEditor.vue_vue_type_script_setup_true_lang-DaCv0Gii.js";
+import { _ as S } from "../_shared/RichTextEditor.vue_vue_type_script_setup_true_lang-t14vKtCW.js";
 import { _ as y } from "../_shared/Toast.vue_vue_type_script_setup_true_lang-DS6keeu7.js";
 import { _ as L } from "../_shared/Tooltip.vue_vue_type_script_setup_true_lang-B3MHy48T.js";
 export {

package/dist/index.d.ts

@@ -89,13 +89,13 @@ declare const __VLS_component_13: DefineComponent<DrawerProps, {}, {}, {}, {}, C
 "drawer:open": () => any;
 "drawer:opened": () => any;
 "drawer:close": () => any;
-"drawer:save": (event: Event) => any;
+"drawer:save": (event?: Event | undefined) => any;
 "drawer:closed": () => any;
 }, string, PublicProps, Readonly<DrawerProps> & Readonly<{
 "onDrawer:open"?: (() => any) | undefined;
 "onDrawer:opened"?: (() => any) | undefined;
 "onDrawer:close"?: (() => any) | undefined;
-"onDrawer:save"?: ((event: Event) => any) | undefined;
+"onDrawer:save"?: ((event?: Event | undefined) => any) | undefined;
 "onDrawer:closed"?: (() => any) | undefined;
 }>, {
 as: string;
@@ -399,6 +399,42 @@ declare function __VLS_template_12(): {
 declare function __VLS_template_13(): {
     attrs: Partial<{}>;
     slots: {
+        panel?(_: {
+            title: string;
+            loading: boolean;
+            isForm: boolean;
+            titleId: string;
+            descriptionId: string;
+            contentRef: HTMLElement | null;
+            dialogTitle: DefineComponent<    {
+            as: {
+            type: (ObjectConstructor | StringConstructor)[];
+            default: string;
+            };
+            id: {
+            type: StringConstructor;
+            default: null;
+            };
+            }, () => VNode<RendererNode, RendererElement, {
+            [key: string]: any;
+            }> | VNode<RendererNode, RendererElement, {
+            [key: string]: any;
+            }>[] | null, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<    {
+            as: {
+            type: (ObjectConstructor | StringConstructor)[];
+            default: string;
+            };
+            id: {
+            type: StringConstructor;
+            default: null;
+            };
+            }>>, {
+            id: string;
+            as: string | Record<string, any>;
+            }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+            emitClose: () => void;
+            emitSave: (event?: undefined) => void;
+        }): any;
         header?(_: {
             title: string;
             showClose: boolean;
@@ -455,8 +491,45 @@ declare function __VLS_template_13(): {
 declare function __VLS_template_14(): {
     attrs: Partial<{}>;
     slots: {
+        panel?(_: {
+            title: string;
+            loading: boolean;
+            isForm: boolean;
+            titleId: string;
+            descriptionId: string;
+            contentRef: HTMLElement | null;
+            dialogTitle: DefineComponent<    {
+            as: {
+            type: (ObjectConstructor | StringConstructor)[];
+            default: string;
+            };
+            id: {
+            type: StringConstructor;
+            default: null;
+            };
+            }, () => VNode<RendererNode, RendererElement, {
+            [key: string]: any;
+            }> | VNode<RendererNode, RendererElement, {
+            [key: string]: any;
+            }>[] | null, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<    {
+            as: {
+            type: (ObjectConstructor | StringConstructor)[];
+            default: string;
+            };
+            id: {
+            type: StringConstructor;
+            default: null;
+            };
+            }>>, {
+            id: string;
+            as: string | Record<string, any>;
+            }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+            emitClose: () => void;
+            emitSave: (event?: undefined) => void;
+        }): any;
         header?(_: {
             title: string;
+            showClose: boolean;
         }): any;
         header?(_: {}): any;
         title?(_: {
@@ -741,6 +814,9 @@ declare function __VLS_template_6(): {
             } | null;
             header: DataTableHeader;
         }): any;
+        tbody?(_: {
+            items: DataTableItem[];
+        }): any;
         items?(_: {
             item: DataTableItem;
             index: number;

package/dist/rich-text-editor/index.js

@@ -1,4 +1,4 @@
-import { _ as t } from "../_shared/RichTextEditor.vue_vue_type_script_setup_true_lang-DaCv0Gii.js";
+import { _ as t } from "../_shared/RichTextEditor.vue_vue_type_script_setup_true_lang-t14vKtCW.js";
 export {
   t as RichTextEditor,
   t as default

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@robuust-digital/vue-components",
-  "version": "2.5.0-beta.4",
+  "version": "2.6.0",
   "type": "module",
   "publishConfig": {
     "access": "public"

package/dist/_shared/Drawer.vue_vue_type_script_setup_true_lang-CZMVooMV.js

@@ -1,185 +0,0 @@
-import { defineComponent as S, openBlock as c, createBlock as m, unref as t, withCtx as d, createVNode as s, withModifiers as L, createElementVNode as a, normalizeClass as w, createElementBlock as b, renderSlot as i, createTextVNode as T, toDisplayString as F, createCommentVNode as y } from "vue";
-import { TransitionRoot as N, Dialog as V, TransitionChild as k, DialogPanel as R, DialogTitle as p } from "@headlessui/vue";
-import { _ as C } from "./ButtonBase.vue_vue_type_script_setup_true_lang-ZYVNEyNx.js";
-import { u as A } from "./Modal.vue_vue_type_script_setup_true_lang-CB0Gez7v.js";
-import { r as g } from "./XMarkIcon-CPr_Rd8y.js";
-const H = {
-  class: "rvc-drawer-presentation",
-  role: "presentation"
-}, I = { class: "rvc-drawer-container" }, z = { class: "rvc-drawer-inner" }, M = { class: "rvc-drawer-panel-inner" }, P = { class: "rvc-drawer-header-inner" }, j = { class: "rvc-drawer-close-wrapper" }, q = ["id"], G = {
-  key: 2,
-  class: "rvc-drawer-footer"
-}, W = /* @__PURE__ */ S({
-  __name: "Drawer",
-  props: {
-    as: { default: "form" },
-    id: {},
-    title: {},
-    showClose: { type: Boolean, default: !1 },
-    scrolledDown: { type: Boolean, default: !1 },
-    headerSticky: { type: Boolean, default: !1 },
-    spinning: { type: Boolean, default: !1 },
-    submitLabel: { default: "Save" },
-    cancelLabel: { default: "Cancel" },
-    panelClass: { default: "rvc-drawer-panel-max-width" },
-    resetHeader: { type: Boolean, default: !1 },
-    resetFooter: { type: Boolean, default: !1 }
-  },
-  emits: ["drawer:open", "drawer:opened", "drawer:close", "drawer:save", "drawer:closed"],
-  setup(e, { emit: $ }) {
-    const B = e, l = $, {
-      contentRef: h,
-      ready: v,
-      isForm: D,
-      titleId: f,
-      descriptionId: u,
-      initialFocusElement: E
-    } = A(B);
-    return (n, r) => (c(), m(t(N), { as: "template" }, {
-      default: d(() => [
-        s(t(V), {
-          as: e.as,
-          class: "rvc-drawer",
-          static: "",
-          "aria-modal": "true",
-          role: "dialog",
-          "initial-focus": t(E),
-          "aria-labelledby": t(f),
-          onClose: r[6] || (r[6] = (o) => l("drawer:close")),
-          onSubmit: r[7] || (r[7] = L((o) => l("drawer:save", o), ["prevent"]))
-        }, {
-          default: d(() => [
-            s(t(k), {
-              as: "template",
-              enter: "rvc-drawer-backdrop-transition-enter",
-              "enter-from": "rvc-drawer-backdrop-transition-enter-from",
-              "enter-to": "rvc-drawer-backdrop-transition-enter-to",
-              leave: "rvc-drawer-backdrop-transition-leave",
-              "leave-from": "rvc-drawer-backdrop-transition-leave-from",
-              "leave-to": "rvc-drawer-backdrop-transition-leave-to",
-              onBeforeEnter: r[0] || (r[0] = (o) => l("drawer:open")),
-              onAfterEnter: r[1] || (r[1] = (o) => l("drawer:opened"))
-            }, {
-              default: d(() => [...r[8] || (r[8] = [
-                a("div", {
-                  class: "rvc-drawer-backdrop",
-                  "aria-hidden": "true"
-                }, null, -1)
-              ])]),
-              _: 1
-            }),
-            a("div", H, [
-              a("div", I, [
-                a("div", z, [
-                  s(t(k), {
-                    as: "template",
-                    enter: "rvc-drawer-transition-enter",
-                    "enter-from": "rvc-drawer-transition-enter-from",
-                    "enter-to": "rvc-drawer-transition-enter-to",
-                    leave: "rvc-drawer-transition-leave",
-                    "leave-from": "rvc-drawer-transition-leave-from",
-                    "leave-to": "rvc-drawer-transition-leave-to",
-                    onBeforeEnter: r[4] || (r[4] = (o) => v.value = !0),
-                    onAfterLeave: r[5] || (r[5] = (o) => (v.value = !1, l("drawer:closed")))
-                  }, {
-                    default: d(() => [
-                      s(t(R), {
-                        class: w(["rvc-drawer-panel", e.panelClass]),
-                        "aria-busy": e.spinning,
-                        "aria-describedby": t(u)
-                      }, {
-                        default: d(() => [
-                          a("div", M, [
-                            e.resetHeader ? i(n.$slots, "header", { key: 1 }) : (c(), b("header", {
-                              key: 0,
-                              class: w([{ "rvc-drawer-header-sticky": e.headerSticky }, "rvc-drawer-header"])
-                            }, [
-                              i(n.$slots, "header", {
-                                title: e.title,
-                                showClose: e.showClose
-                              }, () => [
-                                a("div", P, [
-                                  i(n.$slots, "title", {
-                                    id: t(f),
-                                    dialogTitle: t(p),
-                                    title: e.title
-                                  }, () => [
-                                    s(t(p), {
-                                      id: t(f),
-                                      class: "rvc-drawer-title"
-                                    }, {
-                                      default: d(() => [
-                                        T(F(e.title), 1)
-                                      ]),
-                                      _: 1
-                                    }, 8, ["id"])
-                                  ]),
-                                  e.showClose ? i(n.$slots, "close", {
-                                    key: 0,
-                                    icon: t(g),
-                                    emitClose: () => l("drawer:close")
-                                  }, () => [
-                                    a("div", j, [
-                                      a("button", {
-                                        type: "button",
-                                        class: "rvc-drawer-close",
-                                        "aria-label": "Close panel",
-                                        onClick: r[2] || (r[2] = (o) => l("drawer:close"))
-                                      }, [
-                                        s(t(g), { "aria-hidden": "true" })
-                                      ])
-                                    ])
-                                  ]) : y("", !0)
-                                ])
-                              ])
-                            ], 2)),
-                            a("div", {
-                              class: w([{ "rvc-drawer-scroll-reverse": e.scrolledDown }, "rvc-drawer-scroll"])
-                            }, [
-                              a("div", {
-                                id: t(u),
-                                ref_key: "contentRef",
-                                ref: h,
-                                class: "rvc-drawer-content"
-                              }, [
-                                i(n.$slots, "default", { ready: t(v) })
-                              ], 8, q)
-                            ], 2),
-                            e.resetFooter ? i(n.$slots, "footer", { key: 3 }) : (c(), b("footer", G, [
-                              i(n.$slots, "footer", { loading: e.spinning }, () => [
-                                s(C, {
-                                  type: "button",
-                                  label: e.cancelLabel,
-                                  color: "light",
-                                  onClick: r[3] || (r[3] = (o) => l("drawer:close"))
-                                }, null, 8, ["label"]),
-                                t(D) ? (c(), m(C, {
-                                  key: 0,
-                                  type: "submit",
-                                  label: e.submitLabel,
-                                  spinning: e.spinning,
-                                  disabled: e.spinning
-                                }, null, 8, ["label", "spinning", "disabled"])) : y("", !0)
-                              ])
-                            ]))
-                          ])
-                        ]),
-                        _: 3
-                      }, 8, ["class", "aria-busy", "aria-describedby"])
-                    ]),
-                    _: 3
-                  })
-                ])
-              ])
-            ])
-          ]),
-          _: 3
-        }, 8, ["as", "initial-focus", "aria-labelledby"])
-      ]),
-      _: 3
-    }));
-  }
-});
-export {
-  W as _
-};

package/dist/_shared/Modal.vue_vue_type_script_setup_true_lang-CB0Gez7v.js

@@ -1,183 +0,0 @@
-import { ref as C, computed as f, defineComponent as D, openBlock as p, createBlock as L, unref as o, withCtx as d, createVNode as n, withModifiers as T, createElementVNode as r, normalizeClass as I, createElementBlock as $, renderSlot as s, createTextVNode as N, toDisplayString as R, createCommentVNode as S } from "vue";
-import { TransitionRoot as V, Dialog as h, TransitionChild as g, DialogPanel as x, DialogTitle as B } from "@headlessui/vue";
-import { _ as E } from "./ButtonBase.vue_vue_type_script_setup_true_lang-ZYVNEyNx.js";
-import { r as w } from "./XMarkIcon-CPr_Rd8y.js";
-function A(t) {
-  const c = C(null), u = C(!1), l = f(() => t.as === "form"), b = f(() => `${t.id}-title`), m = f(() => `${t.id}-content`), v = f(() => c.value?.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'));
-  return {
-    contentRef: c,
-    ready: u,
-    isForm: l,
-    titleId: b,
-    descriptionId: m,
-    initialFocusElement: v
-  };
-}
-const H = {
-  role: "presentation",
-  class: "rvc-modal-presentation"
-}, M = { class: "rvc-modal-container" }, q = {
-  key: 0,
-  class: "rvc-modal-header"
-}, z = { class: "rvc-modal-header-inner" }, P = { class: "rvc-modal-close-wrapper" }, j = ["id"], G = {
-  key: 2,
-  class: "rvc-modal-footer"
-}, U = /* @__PURE__ */ D({
-  __name: "Modal",
-  props: {
-    as: { default: "div" },
-    id: {},
-    title: {},
-    showClose: { type: Boolean, default: !1 },
-    spinning: { type: Boolean, default: !1 },
-    submitLabel: { default: "Confirm" },
-    cancelLabel: { default: "Cancel" },
-    panelClass: { default: "rvc-modal-panel-max-width" },
-    resetHeader: { type: Boolean, default: !1 },
-    resetFooter: { type: Boolean, default: !1 }
-  },
-  emits: ["modal:open", "modal:opened", "modal:close", "modal:save", "modal:closed"],
-  setup(t, { emit: c }) {
-    const u = t, l = c, {
-      contentRef: b,
-      ready: m,
-      isForm: v,
-      titleId: y,
-      descriptionId: k,
-      initialFocusElement: F
-    } = A(u);
-    return (i, e) => (p(), L(o(V), { as: "template" }, {
-      default: d(() => [
-        n(o(h), {
-          as: t.as,
-          class: "rvc-modal",
-          static: "",
-          "aria-modal": "true",
-          role: "dialog",
-          "initial-focus": o(F),
-          "aria-labelledby": o(y),
-          onClose: e[7] || (e[7] = (a) => l("modal:close")),
-          onSubmit: e[8] || (e[8] = T((a) => l("modal:save", a), ["prevent"]))
-        }, {
-          default: d(() => [
-            n(o(g), {
-              as: "template",
-              enter: "rvc-modal-backdrop-transition-enter",
-              "enter-from": "rvc-modal-backdrop-transition-enter-from",
-              "enter-to": "rvc-modal-backdrop-transition-enter-to",
-              leave: "rvc-modal-backdrop-transition-leave",
-              "leave-from": "rvc-modal-backdrop-transition-leave-from",
-              "leave-to": "rvc-modal-backdrop-transition-leave-to",
-              onBeforeEnter: e[0] || (e[0] = (a) => l("modal:open")),
-              onAfterEnter: e[1] || (e[1] = (a) => l("modal:opened"))
-            }, {
-              default: d(() => [...e[9] || (e[9] = [
-                r("div", {
-                  "aria-hidden": "true",
-                  class: "rvc-modal-backdrop"
-                }, null, -1)
-              ])]),
-              _: 1
-            }),
-            r("div", H, [
-              r("div", M, [
-                n(o(g), {
-                  as: "template",
-                  enter: "rvc-modal-transition-enter",
-                  "enter-from": "rvc-modal-transition-enter-from",
-                  "enter-to": "rvc-modal-transition-enter-to",
-                  leave: "rvc-modal-transition-leave",
-                  "leave-from": "rvc-modal-transition-leave-from",
-                  "leave-to": "rvc-modal-transition-leave-to",
-                  onBeforeEnter: e[5] || (e[5] = (a) => m.value = !0),
-                  onAfterLeave: e[6] || (e[6] = (a) => (m.value = !1, l("modal:closed")))
-                }, {
-                  default: d(() => [
-                    n(o(x), {
-                      class: I(["rvc-modal-panel", t.panelClass]),
-                      "aria-busy": t.spinning,
-                      "aria-describedby": o(k)
-                    }, {
-                      default: d(() => [
-                        t.resetHeader ? s(i.$slots, "header", { key: 1 }) : (p(), $("header", q, [
-                          s(i.$slots, "header", { title: t.title }, () => [
-                            r("div", z, [
-                              s(i.$slots, "title", {
-                                id: o(y),
-                                dialogTitle: o(B),
-                                title: t.title
-                              }, () => [
-                                n(o(B), {
-                                  id: o(y),
-                                  class: "rvc-modal-title"
-                                }, {
-                                  default: d(() => [
-                                    N(R(t.title), 1)
-                                  ]),
-                                  _: 1
-                                }, 8, ["id"])
-                              ]),
-                              t.showClose ? s(i.$slots, "close", {
-                                key: 0,
-                                icon: o(w),
-                                emitClose: () => l("modal:close")
-                              }, () => [
-                                r("div", P, [
-                                  r("button", {
-                                    type: "button",
-                                    class: "rvc-modal-close",
-                                    "aria-label": "Close panel",
-                                    onClick: e[2] || (e[2] = (a) => l("modal:close"))
-                                  }, [
-                                    n(o(w), { "aria-hidden": "true" })
-                                  ])
-                                ])
-                              ]) : S("", !0)
-                            ])
-                          ])
-                        ])),
-                        r("div", {
-                          id: o(k),
-                          ref_key: "contentRef",
-                          ref: b,
-                          class: "rvc-modal-content"
-                        }, [
-                          s(i.$slots, "default", { ready: o(m) })
-                        ], 8, j),
-                        t.resetFooter ? s(i.$slots, "footer", { key: 3 }) : (p(), $("footer", G, [
-                          s(i.$slots, "footer", { loading: t.spinning }, () => [
-                            n(E, {
-                              type: o(v) ? "submit" : "button",
-                              label: t.submitLabel,
-                              spinning: t.spinning,
-                              disabled: t.spinning,
-                              onClick: e[3] || (e[3] = (a) => !o(v) && l("modal:save"))
-                            }, null, 8, ["type", "label", "spinning", "disabled"]),
-                            n(E, {
-                              type: "button",
-                              color: "light",
-                              label: t.cancelLabel,
-                              onClick: e[4] || (e[4] = (a) => l("modal:close"))
-                            }, null, 8, ["label"])
-                          ])
-                        ]))
-                      ]),
-                      _: 3
-                    }, 8, ["class", "aria-busy", "aria-describedby"])
-                  ]),
-                  _: 3
-                })
-              ])
-            ])
-          ]),
-          _: 3
-        }, 8, ["as", "initial-focus", "aria-labelledby"])
-      ]),
-      _: 3
-    }));
-  }
-});
-export {
-  U as _,
-  A as u
-};