@robuust-digital/vue-components 2.1.0 → 2.2.0

package/dist/dialogs/index.js

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

package/dist/dialogs.d.ts

@@ -0,0 +1,226 @@
+import { AllowedComponentProps } from 'vue';
+import { ComponentCustomProps } from 'vue';
+import { ComponentOptionsMixin } from 'vue';
+import { ComponentProvideOptions } from 'vue';
+import { DefineComponent } from 'vue';
+import { ExtractPropTypes } from 'vue';
+import { FunctionalComponent } from 'vue';
+import { HTMLAttributes } from 'vue';
+import { PublicProps } from 'vue';
+import { RendererElement } from 'vue';
+import { RendererNode } from 'vue';
+import { VNode } from 'vue';
+import { VNodeProps } from 'vue';
+
+declare const __VLS_component: DefineComponent<DrawerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+"drawer:open": () => any;
+"drawer:opened": () => any;
+"drawer:close": () => any;
+"drawer:save": (event: Event) => 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:closed"?: (() => any) | undefined;
+}>, {
+as: string;
+spinning: boolean;
+showClose: boolean;
+scrolledDown: boolean;
+headerSticky: boolean;
+submitLabel: string;
+cancelLabel: string;
+panelClass: string;
+resetHeader: boolean;
+resetFooter: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+contentRef: HTMLDivElement;
+}, any>;
+
+declare const __VLS_component_2: DefineComponent<ModalProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+"modal:open": () => any;
+"modal:opened": () => any;
+"modal:close": () => any;
+"modal:save": (event?: Event | undefined) => any;
+"modal:closed": () => any;
+}, string, PublicProps, Readonly<ModalProps> & Readonly<{
+"onModal:open"?: (() => any) | undefined;
+"onModal:opened"?: (() => any) | undefined;
+"onModal:close"?: (() => any) | undefined;
+"onModal:save"?: ((event?: Event | undefined) => any) | undefined;
+"onModal:closed"?: (() => any) | undefined;
+}>, {
+as: string;
+spinning: boolean;
+showClose: boolean;
+submitLabel: string;
+cancelLabel: string;
+panelClass: string;
+resetHeader: boolean;
+resetFooter: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+contentRef: HTMLDivElement;
+}, any>;
+
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        header?(_: {
+            title: string;
+            showClose: boolean;
+        }): any;
+        header?(_: {}): any;
+        title?(_: {
+            id: string;
+            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>;
+            title: string;
+        }): any;
+        close?(_: {
+            icon: FunctionalComponent<HTMLAttributes & VNodeProps, {}, any, {}>;
+            emitClose: () => void;
+        }): any;
+        default?(_: {
+            ready: boolean;
+        }): any;
+        footer?(_: {
+            loading: boolean;
+        }): any;
+        footer?(_: {}): any;
+    };
+    refs: {
+        contentRef: HTMLDivElement;
+    };
+    rootEl: any;
+};
+
+declare function __VLS_template_2(): {
+    attrs: Partial<{}>;
+    slots: {
+        header?(_: {
+            title: string;
+        }): any;
+        header?(_: {}): any;
+        title?(_: {
+            id: string;
+            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>;
+            title: string;
+        }): any;
+        close?(_: {
+            icon: FunctionalComponent<HTMLAttributes & VNodeProps, {}, any, {}>;
+            emitClose: () => void;
+        }): any;
+        default?(_: {
+            ready: boolean;
+        }): any;
+        footer?(_: {
+            loading: boolean;
+        }): any;
+        footer?(_: {}): any;
+    };
+    refs: {
+        contentRef: HTMLDivElement;
+    };
+    rootEl: any;
+};
+
+declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+
+declare type __VLS_TemplateResult_2 = ReturnType<typeof __VLS_template_2>;
+
+declare type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_2<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+export declare const Drawer: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+
+declare interface DrawerProps {
+    as?: string;
+    id: string;
+    title: string;
+    showClose?: boolean;
+    scrolledDown?: boolean;
+    headerSticky?: boolean;
+    spinning?: boolean;
+    submitLabel?: string;
+    cancelLabel?: string;
+    panelClass?: string;
+    resetHeader?: boolean;
+    resetFooter?: boolean;
+}
+
+export declare const Modal: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
+
+declare interface ModalProps {
+    as?: string;
+    id: string;
+    title: string;
+    showClose?: boolean;
+    spinning?: boolean;
+    submitLabel?: string;
+    cancelLabel?: string;
+    panelClass?: string;
+    resetHeader?: boolean;
+    resetFooter?: boolean;
+}
+
+export { }

package/dist/dropdown/index.js

@@ -1,133 +1,5 @@
-import { createElementBlock as w, openBlock as r, createElementVNode as C, createBlock as l, unref as n, normalizeClass as u, withCtx as a, renderSlot as s, createVNode as i, mergeProps as f, Transition as B, Fragment as M, renderList as $, resolveDynamicComponent as m, createCommentVNode as A, createTextVNode as D, toDisplayString as L } from "vue";
-import { Menu as N, MenuButton as v, MenuItems as S, MenuItem as p } from "@headlessui/vue";
-import { _ as V } from "../_shared/ButtonBase-DfkwHIhN.js";
-function x(t, c) {
-  return r(), w("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 20 20",
-    fill: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon"
-  }, [
-    C("path", { d: "M10 3a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM10 8.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM11.5 15.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0Z" })
-  ]);
-}
-const T = /* @__PURE__ */ Object.assign({
-  inheritAttrs: !1
-}, {
-  __name: "Dropdown",
-  props: {
-    items: {
-      type: Array,
-      required: !0,
-      default: () => []
-    },
-    alignLeft: {
-      type: Boolean,
-      default: !1
-    },
-    fullWidth: {
-      type: Boolean,
-      default: !1
-    },
-    label: {
-      type: String,
-      default: "Options"
-    },
-    rootClass: {
-      type: String,
-      default: ""
-    }
-  },
-  emits: ["dropdown:click"],
-  setup(t, { emit: c }) {
-    const b = c, g = (o) => {
-      const {
-        as: h,
-        bindAs: e,
-        event: d,
-        icon: y,
-        name: I,
-        ...k
-      } = o;
-      return k;
-    };
-    return (o, h) => (r(), l(n(N), {
-      as: "div",
-      class: u(["rvc-dropdown", t.rootClass])
-    }, {
-      default: a(() => [
-        s(o.$slots, "button", {
-          label: t.label,
-          button: n(v)
-        }, () => [
-          i(n(v), f({
-            as: V,
-            label: t.label,
-            color: "light",
-            icon: n(x),
-            "icon-left": t.alignLeft
-          }, o.$attrs), null, 16, ["label", "icon", "icon-left"])
-        ]),
-        i(B, {
-          "enter-active-class": "rvc-dropdown-transition-enter",
-          "enter-from-class": "rvc-dropdown-transition-enter-from",
-          "enter-to-class": "rvc-dropdown-transition-enter-to",
-          "leave-active-class": "rvc-dropdown-transition-leave",
-          "leave-from-class": "rvc-dropdown-transition-leave-from",
-          "leave-to-class": "rvc-dropdown-transition-leave-to"
-        }, {
-          default: a(() => [
-            i(n(S), {
-              class: u([
-                "rvc-dropdown-items",
-                {
-                  "rvc-dropdown-items-left": t.alignLeft,
-                  "rvc-dropdown-items-full": t.fullWidth
-                }
-              ])
-            }, {
-              default: a(() => [
-                s(o.$slots, "items", {
-                  items: t.items,
-                  menuItem: n(p)
-                }, () => [
-                  (r(!0), w(M, null, $(t.items, (e, d) => (r(), l(n(p), {
-                    key: `${d}-dropdown-item`,
-                    as: "template"
-                  }, {
-                    default: a(() => [
-                      s(o.$slots, "item", { item: e }, () => [
-                        (r(), l(m(e.as ? e.as : "button"), f({ class: "rvc-dropdown-item" }, { ref_for: !0 }, g(e), {
-                          as: e.bindAs ? e.bindAs : void 0,
-                          onClick: (y) => (b("dropdown:click", e), e.event ? e.event() : null)
-                        }), {
-                          default: a(() => [
-                            e.icon ? (r(), l(m(e.icon), {
-                              key: 0,
-                              class: "rvc-dropdown-item-icon"
-                            })) : A("", !0),
-                            D(" " + L(e.name), 1)
-                          ]),
-                          _: 2
-                        }, 1040, ["as", "onClick"]))
-                      ])
-                    ]),
-                    _: 2
-                  }, 1024))), 128))
-                ])
-              ]),
-              _: 3
-            }, 8, ["class"])
-          ]),
-          _: 3
-        })
-      ]),
-      _: 3
-    }, 8, ["class"]));
-  }
-});
+import { _ as o } from "../_shared/Dropdown.vue_vue_type_script_setup_true_lang-CmYj-7WQ.js";
 export {
-  T as Dropdown,
-  T as default
+  o as Dropdown,
+  o as default
 };