@xleddyl/443-components-vue 0.2.3 → 0.4.0

package/dist/components/overlays/ConfirmDialog.vue.d.ts

@@ -23,7 +23,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
     results?: (string | number) | undefined;
     placeholder?: string | undefined;
     size?: import("./types.ts").ModalSize;
-    ref?: import("vue").VNodeRef | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined;
     'aria-label'?: string | undefined;
@@ -173,6 +172,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-valuemin'?: (string | number) | undefined;
     'aria-valuenow'?: (string | number) | undefined;
     'aria-valuetext'?: string | undefined;
+    ref?: import("vue").VNodeRef | undefined;
     ref_for?: boolean | undefined | undefined;
     ref_key?: string | undefined | undefined;
     accesskey?: string | undefined;
@@ -209,20 +209,21 @@ declare const __VLS_base: import("vue").DefineComponent<{
     exportparts?: string;
     part?: string;
     popover?: import("../../index.ts").PopoverMode | "" | boolean;
-    onClose?: (() => any) | undefined;
+    dismissible?: boolean | undefined;
     onVnodeBeforeMount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeMounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeBeforeUpdate?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
     onVnodeUpdated?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
     onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+    onClose?: (() => any) | undefined;
     flush?: boolean;
-    dismissible?: boolean | undefined;
     sheet?: boolean;
     onOpen?: (() => any) | undefined;
     rootClass?: unknown;
     hideClose?: boolean;
     closeLabel?: string;
+    beforeClose?: import("./types.ts").DialogBeforeClose;
     closedby?: import("../../index.ts").DialogClosedBy;
 }, {
     confirm: typeof confirm;
@@ -249,7 +250,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
     results?: (string | number) | undefined;
     placeholder?: string | undefined;
     size?: import("./types.ts").ModalSize;
-    ref?: import("vue").VNodeRef | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined;
     'aria-label'?: string | undefined;
@@ -399,6 +399,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-valuemin'?: (string | number) | undefined;
     'aria-valuenow'?: (string | number) | undefined;
     'aria-valuetext'?: string | undefined;
+    ref?: import("vue").VNodeRef | undefined;
     ref_for?: boolean | undefined | undefined;
     ref_key?: string | undefined | undefined;
     accesskey?: string | undefined;
@@ -435,20 +436,21 @@ declare const __VLS_base: import("vue").DefineComponent<{
     exportparts?: string;
     part?: string;
     popover?: import("../../index.ts").PopoverMode | "" | boolean;
-    onClose?: (() => any) | undefined;
+    dismissible?: boolean | undefined;
     onVnodeBeforeMount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeMounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeBeforeUpdate?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
     onVnodeUpdated?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
     onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+    onClose?: (() => any) | undefined;
     flush?: boolean;
-    dismissible?: boolean | undefined;
     sheet?: boolean;
     onOpen?: (() => any) | undefined;
     rootClass?: unknown;
     hideClose?: boolean;
     closeLabel?: string;
+    beforeClose?: import("./types.ts").DialogBeforeClose;
     closedby?: import("../../index.ts").DialogClosedBy;
 }> & Readonly<{
     onCancel?: (() => any) | undefined;

package/dist/components/overlays/ConfirmHost.vue

@@ -15,7 +15,11 @@
       @resolve="onResolve"
       @after-leave="onAfterLeave"
    >
-      <component :is="current.body" v-if="current && current.kind !== 'prompt' && current.body" />
+      <component
+         :is="current.body"
+         v-if="current && current.kind !== 'prompt' && current.body"
+         @close="dialogRef?.cancel()"
+      />
       <FormField
          v-else-if="current?.kind === 'prompt'"
          :label="current.label"

package/dist/components/overlays/ConfirmHost.vue.d.ts

@@ -15,7 +15,6 @@ declare const __VLS_export: import("vue").DefineComponent<Partial<NonNullable<{
     readonly results?: (string | number) | undefined;
     readonly placeholder?: string | undefined | undefined;
     readonly size?: import("./types.ts").ModalSize | undefined;
-    readonly ref?: import("vue").VNodeRef | undefined;
     readonly class?: import("vue").ClassValue;
     readonly role?: string | undefined | undefined;
     readonly 'aria-label'?: string | undefined | undefined;
@@ -128,7 +127,7 @@ declare const __VLS_export: import("vue").DefineComponent<Partial<NonNullable<{
     readonly 'aria-colindex'?: (string | number) | undefined;
     readonly 'aria-colspan'?: (string | number) | undefined;
     readonly 'aria-controls'?: string | undefined | undefined;
-    readonly 'aria-current'?: "page" | "location" | "time" | (boolean | "true" | "false") | "step" | "date" | undefined;
+    readonly 'aria-current'?: "page" | "time" | (boolean | "true" | "false") | "step" | "location" | "date" | undefined;
     readonly 'aria-describedby'?: string | undefined | undefined;
     readonly 'aria-details'?: string | undefined | undefined;
     readonly 'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -165,6 +164,7 @@ declare const __VLS_export: import("vue").DefineComponent<Partial<NonNullable<{
     readonly 'aria-valuemin'?: (string | number) | undefined;
     readonly 'aria-valuenow'?: (string | number) | undefined;
     readonly 'aria-valuetext'?: string | undefined | undefined;
+    readonly ref?: import("vue").VNodeRef | undefined;
     readonly ref_for?: boolean | undefined | undefined;
     readonly ref_key?: string | undefined | undefined;
     readonly accesskey?: string | undefined | undefined;
@@ -201,20 +201,21 @@ declare const __VLS_export: import("vue").DefineComponent<Partial<NonNullable<{
     readonly exportparts?: string | undefined;
     readonly part?: string | undefined;
     readonly popover?: (import("../../index.ts").PopoverMode | "" | boolean) | undefined;
-    readonly onClose?: (() => any) | undefined;
+    readonly dismissible?: boolean | undefined;
     readonly onVnodeBeforeMount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     readonly onVnodeMounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     readonly onVnodeBeforeUpdate?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
     readonly onVnodeUpdated?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
     readonly onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     readonly onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+    readonly onClose?: (() => any) | undefined;
     readonly flush?: boolean | undefined;
-    readonly dismissible?: boolean | undefined;
     readonly sheet?: boolean | undefined;
     readonly onOpen?: (() => any) | undefined;
     readonly rootClass?: unknown;
     readonly hideClose?: boolean | undefined;
     readonly closeLabel?: string | undefined;
+    readonly beforeClose?: import("./types.ts").DialogBeforeClose | undefined;
     readonly closedby?: import("../../index.ts").DialogClosedBy | undefined;
     readonly onCancel?: (() => any) | undefined;
     readonly "onUpdate:open"?: ((value: boolean) => any) | undefined;
@@ -237,7 +238,6 @@ declare const __VLS_export: import("vue").DefineComponent<Partial<NonNullable<{
     readonly results?: (string | number) | undefined;
     readonly placeholder?: string | undefined | undefined;
     readonly size?: import("./types.ts").ModalSize | undefined;
-    readonly ref?: import("vue").VNodeRef | undefined;
     readonly class?: import("vue").ClassValue;
     readonly role?: string | undefined | undefined;
     readonly 'aria-label'?: string | undefined | undefined;
@@ -350,7 +350,7 @@ declare const __VLS_export: import("vue").DefineComponent<Partial<NonNullable<{
     readonly 'aria-colindex'?: (string | number) | undefined;
     readonly 'aria-colspan'?: (string | number) | undefined;
     readonly 'aria-controls'?: string | undefined | undefined;
-    readonly 'aria-current'?: "page" | "location" | "time" | (boolean | "true" | "false") | "step" | "date" | undefined;
+    readonly 'aria-current'?: "page" | "time" | (boolean | "true" | "false") | "step" | "location" | "date" | undefined;
     readonly 'aria-describedby'?: string | undefined | undefined;
     readonly 'aria-details'?: string | undefined | undefined;
     readonly 'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -387,6 +387,7 @@ declare const __VLS_export: import("vue").DefineComponent<Partial<NonNullable<{
     readonly 'aria-valuemin'?: (string | number) | undefined;
     readonly 'aria-valuenow'?: (string | number) | undefined;
     readonly 'aria-valuetext'?: string | undefined | undefined;
+    readonly ref?: import("vue").VNodeRef | undefined;
     readonly ref_for?: boolean | undefined | undefined;
     readonly ref_key?: string | undefined | undefined;
     readonly accesskey?: string | undefined | undefined;
@@ -423,20 +424,21 @@ declare const __VLS_export: import("vue").DefineComponent<Partial<NonNullable<{
     readonly exportparts?: string | undefined;
     readonly part?: string | undefined;
     readonly popover?: (import("../../index.ts").PopoverMode | "" | boolean) | undefined;
-    readonly onClose?: (() => any) | undefined;
+    readonly dismissible?: boolean | undefined;
     readonly onVnodeBeforeMount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     readonly onVnodeMounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     readonly onVnodeBeforeUpdate?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
     readonly onVnodeUpdated?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
     readonly onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     readonly onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+    readonly onClose?: (() => any) | undefined;
     readonly flush?: boolean | undefined;
-    readonly dismissible?: boolean | undefined;
     readonly sheet?: boolean | undefined;
     readonly onOpen?: (() => any) | undefined;
     readonly rootClass?: unknown;
     readonly hideClose?: boolean | undefined;
     readonly closeLabel?: string | undefined;
+    readonly beforeClose?: import("./types.ts").DialogBeforeClose | undefined;
     readonly closedby?: import("../../index.ts").DialogClosedBy | undefined;
     readonly onCancel?: (() => any) | undefined;
     readonly "onUpdate:open"?: ((value: boolean) => any) | undefined;

package/dist/components/overlays/ContextMenu.vue.d.ts

@@ -17,7 +17,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
     style?: import("vue").StyleValue;
     results?: (string | number) | undefined;
     placeholder?: string | undefined;
-    ref?: import("vue").VNodeRef | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined;
     'aria-label'?: string | undefined;
@@ -167,6 +166,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-valuemin'?: (string | number) | undefined;
     'aria-valuenow'?: (string | number) | undefined;
     'aria-valuetext'?: string | undefined;
+    ref?: import("vue").VNodeRef | undefined;
     ref_for?: boolean | undefined | undefined;
     ref_key?: string | undefined | undefined;
     accesskey?: string | undefined;
@@ -209,8 +209,8 @@ declare const __VLS_base: import("vue").DefineComponent<{
     onVnodeUpdated?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
     onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
-    level?: number;
     placement?: import("./types").OverlayPlacement;
+    level?: number;
     labelledby?: string;
     manualPositioning?: boolean;
     onOpenChange?: ((open: boolean) => any) | undefined;
@@ -232,7 +232,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
     style?: import("vue").StyleValue;
     results?: (string | number) | undefined;
     placeholder?: string | undefined;
-    ref?: import("vue").VNodeRef | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined;
     'aria-label'?: string | undefined;
@@ -382,6 +381,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-valuemin'?: (string | number) | undefined;
     'aria-valuenow'?: (string | number) | undefined;
     'aria-valuetext'?: string | undefined;
+    ref?: import("vue").VNodeRef | undefined;
     ref_for?: boolean | undefined | undefined;
     ref_key?: string | undefined | undefined;
     accesskey?: string | undefined;
@@ -424,8 +424,8 @@ declare const __VLS_base: import("vue").DefineComponent<{
     onVnodeUpdated?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
     onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
-    level?: number;
     placement?: import("./types").OverlayPlacement;
+    level?: number;
     labelledby?: string;
     manualPositioning?: boolean;
     onOpenChange?: ((open: boolean) => any) | undefined;

package/dist/components/overlays/Drawer.vue

@@ -11,6 +11,7 @@
       :close-label="closeLabel"
       :flush="flush"
       :loading="loading"
+      :before-close="beforeClose"
       @open="emit('open')"
       @close="emit('close')"
       @after-leave="emit('afterLeave')"
@@ -33,7 +34,8 @@ defineProps({
   hideClose: { type: Boolean, required: false },
   closeLabel: { type: String, required: false },
   flush: { type: Boolean, required: false },
-  loading: { type: Boolean, required: false }
+  loading: { type: Boolean, required: false },
+  beforeClose: { type: Function, required: false }
 });
 const slots = defineSlots();
 const slotNames = computed(() => Object.keys(slots));
@@ -41,7 +43,7 @@ const emit = defineEmits(["open", "close", "afterLeave"]);
 const open = defineModel("open", { type: Boolean, ...{ default: false } });
 const frame = useTemplateRef("frame");
 defineExpose({
-  close: () => frame.value?.close(),
+  close: () => frame.value?.close() ?? Promise.resolve(false),
   el: computed(() => frame.value?.el ?? null)
 });
 </script>

package/dist/components/overlays/Drawer.vue.d.ts

@@ -1,5 +1,5 @@
 import type { DialogFrameSlots } from '../../internal/overlays/DialogFrame.vue';
-import type { DrawerSide, DrawerSize } from './types';
+import type { DialogBeforeClose, DrawerSide, DrawerSize } from './types';
 type __VLS_Slots = DialogFrameSlots;
 declare const __VLS_base: import("vue").DefineComponent<{
     title?: string | undefined;
@@ -11,13 +11,13 @@ declare const __VLS_base: import("vue").DefineComponent<{
     closeLabel?: string;
     flush?: boolean;
     loading?: boolean;
+    beforeClose?: DialogBeforeClose;
     open?: boolean | undefined;
     key?: PropertyKey | undefined;
     prefix?: "k-modal" | "k-drawer" | undefined;
     style?: import("vue").StyleValue;
     results?: (string | number) | undefined;
     placeholder?: string | undefined;
-    ref?: import("vue").VNodeRef | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined;
     'aria-label'?: string | undefined;
@@ -167,6 +167,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-valuemin'?: (string | number) | undefined;
     'aria-valuenow'?: (string | number) | undefined;
     'aria-valuetext'?: string | undefined;
+    ref?: import("vue").VNodeRef | undefined;
     ref_for?: boolean | undefined | undefined;
     ref_key?: string | undefined | undefined;
     accesskey?: string | undefined;
@@ -203,17 +204,17 @@ declare const __VLS_base: import("vue").DefineComponent<{
     exportparts?: string;
     part?: string;
     popover?: import("../../index.ts").PopoverMode | "" | boolean;
-    onCancel?: ((payload: Event) => void) | undefined;
     onVnodeBeforeMount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeMounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeBeforeUpdate?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
     onVnodeUpdated?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
     onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+    onCancel?: ((payload: Event) => void) | undefined;
     rootClass?: unknown;
     closedby?: import("../../index.ts").DialogClosedBy;
 }, {
-    close: () => void | undefined;
+    close: () => Promise<boolean>;
     el: import("vue").ComputedRef<HTMLDialogElement | null>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => any;
@@ -230,13 +231,13 @@ declare const __VLS_base: import("vue").DefineComponent<{
     closeLabel?: string;
     flush?: boolean;
     loading?: boolean;
+    beforeClose?: DialogBeforeClose;
     open?: boolean | undefined;
     key?: PropertyKey | undefined;
     prefix?: "k-modal" | "k-drawer" | undefined;
     style?: import("vue").StyleValue;
     results?: (string | number) | undefined;
     placeholder?: string | undefined;
-    ref?: import("vue").VNodeRef | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined;
     'aria-label'?: string | undefined;
@@ -386,6 +387,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-valuemin'?: (string | number) | undefined;
     'aria-valuenow'?: (string | number) | undefined;
     'aria-valuetext'?: string | undefined;
+    ref?: import("vue").VNodeRef | undefined;
     ref_for?: boolean | undefined | undefined;
     ref_key?: string | undefined | undefined;
     accesskey?: string | undefined;
@@ -422,13 +424,13 @@ declare const __VLS_base: import("vue").DefineComponent<{
     exportparts?: string;
     part?: string;
     popover?: import("../../index.ts").PopoverMode | "" | boolean;
-    onCancel?: ((payload: Event) => void) | undefined;
     onVnodeBeforeMount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeMounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeBeforeUpdate?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
     onVnodeUpdated?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
     onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+    onCancel?: ((payload: Event) => void) | undefined;
     rootClass?: unknown;
     closedby?: import("../../index.ts").DialogClosedBy;
 }> & Readonly<{

package/dist/components/overlays/DropdownMenu.vue.d.ts

@@ -18,7 +18,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
     style?: import("vue").StyleValue;
     results?: (string | number) | undefined;
     placeholder?: string | undefined;
-    ref?: import("vue").VNodeRef | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined;
     'aria-label'?: string | undefined;
@@ -167,6 +166,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-valuemin'?: (string | number) | undefined;
     'aria-valuenow'?: (string | number) | undefined;
     'aria-valuetext'?: string | undefined;
+    ref?: import("vue").VNodeRef | undefined;
     ref_for?: boolean | undefined | undefined;
     ref_key?: string | undefined | undefined;
     accesskey?: string | undefined;
@@ -232,7 +232,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
     style?: import("vue").StyleValue;
     results?: (string | number) | undefined;
     placeholder?: string | undefined;
-    ref?: import("vue").VNodeRef | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined;
     'aria-label'?: string | undefined;
@@ -381,6 +380,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-valuemin'?: (string | number) | undefined;
     'aria-valuenow'?: (string | number) | undefined;
     'aria-valuetext'?: string | undefined;
+    ref?: import("vue").VNodeRef | undefined;
     ref_for?: boolean | undefined | undefined;
     ref_key?: string | undefined | undefined;
     accesskey?: string | undefined;

package/dist/components/overlays/HoverCard.vue

@@ -11,12 +11,13 @@
       :class="{ 'has-arrow': arrow }"
    >
       <span v-if="arrow" class="k-floating-arrow" aria-hidden="true" />
-      <slot name="content" />
+      <FieldBoundary><slot name="content" /></FieldBoundary>
    </div>
 </template>
 
 <script setup>
 import { useTemplateRef } from "vue";
+import FieldBoundary from "../core/FieldBoundary.vue";
 import { useHoverTrigger } from "../../internal/overlays/hover";
 import { ARROW_OFFSET, syncOpenModel, useFloatingLayer } from "../../internal/floating/layer";
 import { useSlotTrigger } from "../../internal/floating/trigger";

package/dist/components/overlays/HoverCard.vue.d.ts

@@ -1,11 +1,11 @@
 import type { OverlayPlacement } from './types';
 declare var __VLS_1: {
     open: boolean;
-}, __VLS_3: {};
+}, __VLS_9: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 } & {
-    content?: (props: typeof __VLS_3) => any;
+    content?: (props: typeof __VLS_9) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<{
     placement?: OverlayPlacement;
@@ -21,7 +21,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
     style?: import("vue").StyleValue;
     results?: (string | number) | undefined;
     placeholder?: string | undefined | undefined;
-    ref?: import("vue").VNodeRef | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined | undefined;
     'aria-label'?: string | undefined | undefined;
@@ -134,7 +133,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "page" | "location" | "time" | (boolean | "true" | "false") | "step" | "date" | undefined;
+    'aria-current'?: "page" | "time" | (boolean | "true" | "false") | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -171,6 +170,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-valuemin'?: (string | number) | undefined;
     'aria-valuenow'?: (string | number) | undefined;
     'aria-valuetext'?: string | undefined | undefined;
+    ref?: import("vue").VNodeRef | undefined;
     ref_for?: boolean | undefined | undefined;
     ref_key?: string | undefined | undefined;
     accesskey?: string | undefined | undefined;
@@ -206,7 +206,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     is?: string | undefined | undefined;
     exportparts?: string | undefined;
     part?: string | undefined;
-    popover?: (import("../..").PopoverMode | "" | boolean) | undefined;
+    popover?: (import("../../index.ts").PopoverMode | "" | boolean) | undefined;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<{
@@ -223,7 +223,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
     style?: import("vue").StyleValue;
     results?: (string | number) | undefined;
     placeholder?: string | undefined | undefined;
-    ref?: import("vue").VNodeRef | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined | undefined;
     'aria-label'?: string | undefined | undefined;
@@ -336,7 +335,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "page" | "location" | "time" | (boolean | "true" | "false") | "step" | "date" | undefined;
+    'aria-current'?: "page" | "time" | (boolean | "true" | "false") | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -373,6 +372,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-valuemin'?: (string | number) | undefined;
     'aria-valuenow'?: (string | number) | undefined;
     'aria-valuetext'?: string | undefined | undefined;
+    ref?: import("vue").VNodeRef | undefined;
     ref_for?: boolean | undefined | undefined;
     ref_key?: string | undefined | undefined;
     accesskey?: string | undefined | undefined;
@@ -408,7 +408,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     is?: string | undefined | undefined;
     exportparts?: string | undefined;
     part?: string | undefined;
-    popover?: (import("../..").PopoverMode | "" | boolean) | undefined;
+    popover?: (import("../../index.ts").PopoverMode | "" | boolean) | undefined;
 }> & Readonly<{
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {

package/dist/components/overlays/Modal.vue

@@ -3,7 +3,7 @@
       ref="frame"
       v-model:open="open"
       prefix="k-modal"
-      :root-class="[`k-modal-${size}`, { 'is-sheet': sheet }]"
+      :root-class="[`k-modal-${size}`, { 'is-sheet': sheet && size !== 'fullscreen' }]"
       :title="title"
       :description="description"
       :dismissible="dismissible"
@@ -11,6 +11,7 @@
       :close-label="closeLabel"
       :flush="flush"
       :loading="loading"
+      :before-close="beforeClose"
       @open="emit('open')"
       @close="emit('close')"
       @after-leave="emit('afterLeave')"
@@ -33,7 +34,8 @@ defineProps({
   closeLabel: { type: String, required: false },
   sheet: { type: Boolean, required: false, default: true },
   flush: { type: Boolean, required: false },
-  loading: { type: Boolean, required: false }
+  loading: { type: Boolean, required: false },
+  beforeClose: { type: Function, required: false }
 });
 const slots = defineSlots();
 const slotNames = computed(() => Object.keys(slots));
@@ -41,7 +43,7 @@ const emit = defineEmits(["open", "close", "afterLeave"]);
 const open = defineModel("open", { type: Boolean, ...{ default: false } });
 const frame = useTemplateRef("frame");
 defineExpose({
-  close: () => frame.value?.close(),
+  close: () => frame.value?.close() ?? Promise.resolve(false),
   el: computed(() => frame.value?.el ?? null)
 });
 </script>

package/dist/components/overlays/Modal.vue.d.ts

@@ -1,5 +1,5 @@
 import type { DialogFrameSlots } from '../../internal/overlays/DialogFrame.vue';
-import type { ModalSize } from './types';
+import type { DialogBeforeClose, ModalSize } from './types';
 type __VLS_Slots = DialogFrameSlots;
 declare const __VLS_base: import("vue").DefineComponent<{
     title?: string | undefined;
@@ -11,13 +11,13 @@ declare const __VLS_base: import("vue").DefineComponent<{
     sheet?: boolean;
     flush?: boolean;
     loading?: boolean;
+    beforeClose?: DialogBeforeClose;
     open?: boolean | undefined;
     key?: PropertyKey | undefined;
     prefix?: "k-modal" | "k-drawer" | undefined;
     style?: import("vue").StyleValue;
     results?: (string | number) | undefined;
     placeholder?: string | undefined;
-    ref?: import("vue").VNodeRef | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined;
     'aria-label'?: string | undefined;
@@ -167,6 +167,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-valuemin'?: (string | number) | undefined;
     'aria-valuenow'?: (string | number) | undefined;
     'aria-valuetext'?: string | undefined;
+    ref?: import("vue").VNodeRef | undefined;
     ref_for?: boolean | undefined | undefined;
     ref_key?: string | undefined | undefined;
     accesskey?: string | undefined;
@@ -203,17 +204,17 @@ declare const __VLS_base: import("vue").DefineComponent<{
     exportparts?: string;
     part?: string;
     popover?: import("../../index.ts").PopoverMode | "" | boolean;
-    onCancel?: ((payload: Event) => void) | undefined;
     onVnodeBeforeMount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeMounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeBeforeUpdate?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
     onVnodeUpdated?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
     onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+    onCancel?: ((payload: Event) => void) | undefined;
     rootClass?: unknown;
     closedby?: import("../../index.ts").DialogClosedBy;
 }, {
-    close: () => void | undefined;
+    close: () => Promise<boolean>;
     el: import("vue").ComputedRef<HTMLDialogElement | null>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => any;
@@ -230,13 +231,13 @@ declare const __VLS_base: import("vue").DefineComponent<{
     sheet?: boolean;
     flush?: boolean;
     loading?: boolean;
+    beforeClose?: DialogBeforeClose;
     open?: boolean | undefined;
     key?: PropertyKey | undefined;
     prefix?: "k-modal" | "k-drawer" | undefined;
     style?: import("vue").StyleValue;
     results?: (string | number) | undefined;
     placeholder?: string | undefined;
-    ref?: import("vue").VNodeRef | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined;
     'aria-label'?: string | undefined;
@@ -386,6 +387,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-valuemin'?: (string | number) | undefined;
     'aria-valuenow'?: (string | number) | undefined;
     'aria-valuetext'?: string | undefined;
+    ref?: import("vue").VNodeRef | undefined;
     ref_for?: boolean | undefined | undefined;
     ref_key?: string | undefined | undefined;
     accesskey?: string | undefined;
@@ -422,13 +424,13 @@ declare const __VLS_base: import("vue").DefineComponent<{
     exportparts?: string;
     part?: string;
     popover?: import("../../index.ts").PopoverMode | "" | boolean;
-    onCancel?: ((payload: Event) => void) | undefined;
     onVnodeBeforeMount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeMounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeBeforeUpdate?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
     onVnodeUpdated?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
     onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+    onCancel?: ((payload: Event) => void) | undefined;
     rootClass?: unknown;
     closedby?: import("../../index.ts").DialogClosedBy;
 }> & Readonly<{

package/dist/components/overlays/Popover.vue

@@ -15,12 +15,13 @@
       tabindex="-1"
    >
       <span v-if="arrow" class="k-floating-arrow" aria-hidden="true" />
-      <slot name="content" :close="layer.hide" />
+      <FieldBoundary><slot name="content" :close="layer.hide" /></FieldBoundary>
    </div>
 </template>
 
 <script setup>
 import { useId, useTemplateRef, watch } from "vue";
+import FieldBoundary from "../core/FieldBoundary.vue";
 import { focusFirst } from "../../internal/overlays/focus";
 import { ARROW_OFFSET, syncOpenModel, useFloatingLayer } from "../../internal/floating/layer";
 import { setAttributes, useInvoker, useSlotTrigger } from "../../internal/floating/trigger";