nuxt-ui-elements 0.2.0 → 0.3.1

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "nuxt-ui-elements",
   "configKey": "uiElements",
-  "version": "0.2.0",
+  "version": "0.3.1",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/DialogAlert.d.vue.ts

@@ -3,6 +3,7 @@ import theme from "#build/ui-elements/dialog-alert";
 import type { ComponentConfig } from "../types/index.js";
 type DialogAlert = ComponentConfig<typeof theme, AppConfig, "dialogAlert">;
 export interface DialogAlertProps {
+    open?: boolean;
     title?: string;
     description?: string;
     icon?: string;
@@ -17,7 +18,9 @@ export default _default;
 declare const __VLS_export: import("vue").DefineComponent<DialogAlertProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (value?: any) => any;
     "update:open": (value: boolean) => any;
+    "after:leave": () => any;
 }, string, import("vue").PublicProps, Readonly<DialogAlertProps> & Readonly<{
     onClose?: ((value?: any) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onAfter:leave"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/DialogAlert.vue

@@ -7,6 +7,7 @@ import { tv } from "../utils/tv";
 
 <script setup>
 const {
+  open = false,
   title = "",
   description = "",
   icon = void 0,
@@ -17,6 +18,7 @@ const {
   },
   ui: uiProps = {}
 } = defineProps({
+  open: { type: Boolean, required: false },
   title: { type: String, required: false },
   description: { type: String, required: false },
   icon: { type: String, required: false },
@@ -26,7 +28,7 @@ const {
   onDismiss: { type: Function, required: false },
   ui: { type: null, required: false }
 });
-const emits = defineEmits(["update:open", "close"]);
+const emits = defineEmits(["update:open", "close", "after:leave"]);
 const ui = computed(
   () => tv({
     extend: tv(theme)
@@ -44,6 +46,7 @@ const dismissHandler = () => {
 
 <template>
   <UModal
+    :open="open"
     :dismissible="false"
     :close="false"
     :ui="{
@@ -51,7 +54,9 @@ const dismissHandler = () => {
   header: ui.header({ class: uiProps?.header }),
   body: ui.body({ class: uiProps?.body }),
   footer: ui.footer({ class: uiProps?.footer })
-}">
+}"
+    @update:open="emits('update:open', $event)"
+    @after:leave="emits('after:leave')">
     <template #header>
       <div class="relative w-full flex flex-col items-center text-center gap-3">
         <UIcon v-if="icon" :name="icon" data-slot="icon" :class="ui.icon({ class: uiProps?.icon })" />

package/dist/runtime/components/DialogAlert.vue.d.ts

@@ -3,6 +3,7 @@ import theme from "#build/ui-elements/dialog-alert";
 import type { ComponentConfig } from "../types/index.js";
 type DialogAlert = ComponentConfig<typeof theme, AppConfig, "dialogAlert">;
 export interface DialogAlertProps {
+    open?: boolean;
     title?: string;
     description?: string;
     icon?: string;
@@ -17,7 +18,9 @@ export default _default;
 declare const __VLS_export: import("vue").DefineComponent<DialogAlertProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (value?: any) => any;
     "update:open": (value: boolean) => any;
+    "after:leave": () => any;
 }, string, import("vue").PublicProps, Readonly<DialogAlertProps> & Readonly<{
     onClose?: ((value?: any) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onAfter:leave"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/DialogConfirm.d.vue.ts

@@ -3,6 +3,7 @@ import theme from "#build/ui-elements/dialog-confirm";
 import type { ComponentConfig } from "../types/index.js";
 type DialogConfirm = ComponentConfig<typeof theme, AppConfig, "dialogConfirm">;
 export interface DialogConfirmProps {
+    open?: boolean;
     title?: string;
     description?: string;
     icon?: boolean;
@@ -20,7 +21,9 @@ export default _default;
 declare const __VLS_export: import("vue").DefineComponent<DialogConfirmProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (value?: any) => any;
     "update:open": (value: boolean) => any;
+    "after:leave": () => any;
 }, string, import("vue").PublicProps, Readonly<DialogConfirmProps> & Readonly<{
     onClose?: ((value?: any) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onAfter:leave"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/DialogConfirm.vue

@@ -7,6 +7,7 @@ import { tv } from "../utils/tv";
 
 <script setup>
 const {
+  open = false,
   title = "",
   description = "",
   icon = true,
@@ -21,6 +22,7 @@ const {
   },
   ui: uiProps = {}
 } = defineProps({
+  open: { type: Boolean, required: false },
   title: { type: String, required: false },
   description: { type: String, required: false },
   icon: { type: Boolean, required: false },
@@ -33,7 +35,7 @@ const {
   onDismiss: { type: Function, required: false },
   ui: { type: null, required: false }
 });
-const emits = defineEmits(["update:open", "close"]);
+const emits = defineEmits(["update:open", "close", "after:leave"]);
 const isLoading = ref(false);
 const isComplete = ref(false);
 const isError = ref(false);
@@ -102,6 +104,7 @@ const handleClose = () => {
 
 <template>
   <UModal
+    :open="open"
     :dismissible="false"
     :close="false"
     :ui="{
@@ -109,7 +112,9 @@ const handleClose = () => {
   header: ui.header({ class: uiProps?.header }),
   body: ui.body({ class: uiProps?.body }),
   footer: ui.footer({ class: uiProps?.footer })
-}">
+}"
+    @update:open="emits('update:open', $event)"
+    @after:leave="emits('after:leave')">
     <template #header>
       <div class="relative w-full flex items-start gap-3">
         <UIcon v-if="dialogIcon" :name="dialogIcon" data-slot="icon" :class="ui.icon({ class: uiProps?.icon })" />

package/dist/runtime/components/DialogConfirm.vue.d.ts

@@ -3,6 +3,7 @@ import theme from "#build/ui-elements/dialog-confirm";
 import type { ComponentConfig } from "../types/index.js";
 type DialogConfirm = ComponentConfig<typeof theme, AppConfig, "dialogConfirm">;
 export interface DialogConfirmProps {
+    open?: boolean;
     title?: string;
     description?: string;
     icon?: boolean;
@@ -20,7 +21,9 @@ export default _default;
 declare const __VLS_export: import("vue").DefineComponent<DialogConfirmProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (value?: any) => any;
     "update:open": (value: boolean) => any;
+    "after:leave": () => any;
 }, string, import("vue").PublicProps, Readonly<DialogConfirmProps> & Readonly<{
     onClose?: ((value?: any) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onAfter:leave"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-ui-elements",
-  "version": "0.2.0",
+  "version": "0.3.1",
   "description": "A collection of beautiful, animated UI components for Nuxt applications",
   "license": "MIT",
   "repository": "https://github.com/genu/nuxt-ui-elements.git",