@robuust-digital/vue-components 2.6.5 → 2.6.7

package/CHANGELOG.md

@@ -1,3 +1,19 @@
+## 2.6.7 (13-05-2026)
+
+### Added
+
+* `Drawer`: Added `--rvc-drawer-panel-bg-color` variable on `.rvc-drawer-panel-inner` so the panel background covers the scroll container, preventing transparent gaps during elastic/overflow scrolling. Defaults to `var(--rvc-drawer-content-bg-color)` for backwards compatibility.
+
+### Updated
+
+* `Drawer` docs: Documented the new `--rvc-drawer-panel-bg-color` variable
+
+## 2.6.6 (06-05-2026)
+
+### Fixed
+
+* `Dialogs`: Detect Inertia `Form` components in dialog `isForm` handling so submit actions behave like native forms
+
 ## 2.6.5 (05-05-2026)
 
 ### Added

package/dist/_shared/{Drawer.vue_vue_type_script_setup_true_lang-DjP68vua.js → Drawer.vue_vue_type_script_setup_true_lang-DeAu2U_2.js}

@@ -1,7 +1,7 @@
 import { defineComponent as E, openBlock as v, createBlock as k, unref as e, withCtx as d, createVNode as s, withModifiers as T, createElementVNode as o, normalizeClass as m, renderSlot as i, createElementBlock as p, createTextVNode as F, toDisplayString as L, createCommentVNode as g } from "vue";
 import { TransitionRoot as I, Dialog as N, TransitionChild as C, DialogPanel as R, DialogTitle as u } from "@headlessui/vue";
 import { _ as $ } from "./ButtonBase.vue_vue_type_script_setup_true_lang-ZYVNEyNx.js";
-import { u as V } from "./Modal.vue_vue_type_script_setup_true_lang-MN3D46CX.js";
+import { u as V } from "./Modal.vue_vue_type_script_setup_true_lang-CdMsCCBi.js";
 import { r as B } from "./XMarkIcon-CPr_Rd8y.js";
 const A = {
   class: "rvc-drawer-presentation",

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

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

package/dist/_shared/{RichTextEditor.vue_vue_type_script_setup_true_lang-t14vKtCW.js → RichTextEditor.vue_vue_type_script_setup_true_lang-Miebq2nL.js}

@@ -3,7 +3,7 @@ import { useEditor as N, EditorContent as T } from "@tiptap/vue-3";
 import j from "@tiptap/starter-kit";
 import { _ as z } from "./Tooltip.vue_vue_type_script_setup_true_lang-B3MHy48T.js";
 import { _ as D } from "./FormInput.vue_vue_type_script_setup_true_lang-Bg7YPGyY.js";
-import { _ as I } from "./Modal.vue_vue_type_script_setup_true_lang-MN3D46CX.js";
+import { _ as I } from "./Modal.vue_vue_type_script_setup_true_lang-CdMsCCBi.js";
 function q(n, c) {
   return s(), r("svg", {
     xmlns: "http://www.w3.org/2000/svg",

package/dist/dialogs/drawer.css

@@ -14,6 +14,7 @@
   --rvc-drawer-close-color: var(--rvc-dialog-close-color);
   --rvc-drawer-close-color-hover: var(--rvc-dialog-close-color-hover);
   --rvc-drawer-content-bg-color: var(--rvc-dialog-content-bg-color);
+  --rvc-drawer-panel-bg-color: var(--rvc-drawer-content-bg-color);
   --rvc-drawer-footer-bg-color: var(--rvc-dialog-footer-bg-color);
   --rvc-drawer-footer-gap: var(--rvc-dialog-footer-gap);
   --rvc-drawer-footer-justify-content: space-between;
@@ -71,6 +72,7 @@
       display: flex;
       flex-direction: column;
       height: 100%;
+      background-color: var(--rvc-drawer-panel-bg-color);
       box-shadow: 0 20px 25px -5px rgb(0 0 0 / 10%), 0 8px 10px -6px rgb(0 0 0 / 10%);
     }
 

package/dist/dialogs/index.js

@@ -1,5 +1,5 @@
-import { _ as a } 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/Drawer.vue_vue_type_script_setup_true_lang-DeAu2U_2.js";
+import { _ as f } from "../_shared/Modal.vue_vue_type_script_setup_true_lang-CdMsCCBi.js";
 export {
   a as Drawer,
   f as Modal

package/dist/dialogs.d.ts

@@ -1,4 +1,5 @@
 import { AllowedComponentProps } from 'vue';
+import { Component } from 'vue';
 import { ComponentCustomProps } from 'vue';
 import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
@@ -25,7 +26,7 @@ declare const __VLS_component: DefineComponent<DrawerProps, {}, {}, {}, {}, Comp
 "onDrawer:save"?: ((event?: Event | undefined) => any) | undefined;
 "onDrawer:closed"?: (() => any) | undefined;
 }>, {
-as: string;
+as: string | Component;
 spinning: boolean;
 showClose: boolean;
 scrolledDown: boolean;
@@ -52,7 +53,7 @@ declare const __VLS_component_2: DefineComponent<ModalProps, {}, {}, {}, {}, Com
 "onModal:save"?: ((event?: Event | undefined) => any) | undefined;
 "onModal:closed"?: (() => any) | undefined;
 }>, {
-as: string;
+as: string | Component;
 spinning: boolean;
 showClose: boolean;
 submitLabel: string;
@@ -267,7 +268,7 @@ declare type __VLS_WithTemplateSlots_2<T, S> = T & {
 export declare const Drawer: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 
 declare interface DrawerProps {
-    as?: string;
+    as?: string | Component;
     id: string;
     title: string;
     showClose?: boolean;
@@ -284,7 +285,7 @@ declare interface DrawerProps {
 export declare const Modal: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
 
 declare interface ModalProps {
-    as?: string;
+    as?: string | Component;
     id: string;
     title: string;
     showClose?: boolean;

package/dist/index/index.js

@@ -3,11 +3,11 @@ 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-DjP68vua.js";
-import { _ as F } from "../_shared/Modal.vue_vue_type_script_setup_true_lang-MN3D46CX.js";
+import { _ as B } from "../_shared/Drawer.vue_vue_type_script_setup_true_lang-DeAu2U_2.js";
+import { _ as F } from "../_shared/Modal.vue_vue_type_script_setup_true_lang-CdMsCCBi.js";
 import { _ as A } from "../_shared/Dropdown.vue_vue_type_script_setup_true_lang-Cv3HwIyF.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-t14vKtCW.js";
+import { _ as S } from "../_shared/RichTextEditor.vue_vue_type_script_setup_true_lang-Miebq2nL.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

@@ -1,5 +1,6 @@
 import { AlignedPlacement } from '@floating-ui/vue';
 import { AllowedComponentProps } from 'vue';
+import { Component } from 'vue';
 import { ComponentCustomProps } from 'vue';
 import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
@@ -98,7 +99,7 @@ declare const __VLS_component_13: DefineComponent<DrawerProps, {}, {}, {}, {}, C
 "onDrawer:save"?: ((event?: Event | undefined) => any) | undefined;
 "onDrawer:closed"?: (() => any) | undefined;
 }>, {
-as: string;
+as: string | Component;
 spinning: boolean;
 showClose: boolean;
 scrolledDown: boolean;
@@ -125,7 +126,7 @@ declare const __VLS_component_14: DefineComponent<ModalProps, {}, {}, {}, {}, Co
 "onModal:save"?: ((event?: Event | undefined) => any) | undefined;
 "onModal:closed"?: (() => any) | undefined;
 }>, {
-as: string;
+as: string | Component;
 spinning: boolean;
 showClose: boolean;
 submitLabel: string;
@@ -1218,7 +1219,7 @@ declare interface DataTableSortBy {
 export declare const Drawer: __VLS_WithTemplateSlots_13<typeof __VLS_component_13, __VLS_TemplateResult_13["slots"]>;
 
 declare interface DrawerProps {
-    as?: string;
+    as?: string | Component;
     id: string;
     title: string;
     showClose?: boolean;
@@ -1324,7 +1325,7 @@ declare interface LightswitchProps {
 export declare const Modal: __VLS_WithTemplateSlots_14<typeof __VLS_component_14, __VLS_TemplateResult_14["slots"]>;
 
 declare interface ModalProps {
-    as?: string;
+    as?: string | Component;
     id: string;
     title: string;
     showClose?: boolean;

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@robuust-digital/vue-components",
-  "version": "2.6.5",
+  "version": "2.6.7",
   "type": "module",
   "publishConfig": {
     "access": "public"

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

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