@robuust-digital/vue-components 2.0.0 → 2.1.0

package/dist/_shared/Modal-dqDGKVw5.js

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