@xy-planning-network/trees 0.13.11 → 0.13.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xy-planning-network/trees",
-  "version": "0.13.11",
+  "version": "0.13.12",
   "description": "",
   "license": "MIT",
   "repository": "github:xy-planning-network/trees",

package/src/lib-components/overlays/ContentModal.vue

@@ -22,6 +22,7 @@ withDefaults(
 const open = defineModel<boolean>({ required: true })
 
 const emit = defineEmits<{
+  (e: "afterLeave"): void
   (e: "close"): void
 }>()
 
@@ -71,6 +72,7 @@ watch(open, (isOpen) => {
           leave="ease-in duration-200"
           leave-from="opacity-100 translate-y-0 sm:scale-100"
           leave-to="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
+          @after-leave="emit('afterLeave')"
         >
           <div
             class="inline-block align-bottom bg-white rounded-xy px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-md sm:w-full sm:p-8 sm:rounded-xy-lg"

package/src/lib-components/overlays/Modal.vue

@@ -29,6 +29,7 @@ const props = withDefaults(
 const open = defineModel<boolean>({ required: true })
 
 const emit = defineEmits<{
+  (e: "afterLeave"): void
   (e: "close"): void
   (e: "submit"): void
 }>()
@@ -89,6 +90,7 @@ watch(open, (isOpen) => {
           leave="ease-in duration-200"
           leave-from="opacity-100 translate-y-0 sm:scale-100"
           leave-to="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
+          @after-leave="emit('afterLeave')"
         >
           <div
             class="inline-block align-bottom text-left overflow-y-visible transform transition-all w-full sm:my-8 sm:align-middle"

package/src/lib-components/overlays/Slideover.vue

@@ -43,6 +43,7 @@ const layout = computed(() => {
 const open = defineModel<boolean>({ required: true })
 
 const emit = defineEmits<{
+  (e: "afterLeave"): void
   (e: "close"): void
 }>()
 
@@ -73,6 +74,7 @@ watch(open, (isOpen) => {
             leave="transform transition ease-in-out duration-500 sm:duration-700"
             leave-from="translate-x-0"
             leave-to="translate-x-full"
+            @after-leave="emit('afterLeave')"
           >
             <div :class="['w-screen', layout.maxWidth]">
               <div

package/types/lib-components/overlays/ContentModal.vue.d.ts

@@ -9,8 +9,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "update:modelValue": (value: boolean) => any;
 } & {
     close: () => any;
+    afterLeave: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onClose?: (() => any) | undefined;
+    onAfterLeave?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
     title: string;

package/types/lib-components/overlays/Modal.vue.d.ts

@@ -13,9 +13,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 } & {
     close: () => any;
     submit: () => any;
+    afterLeave: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onClose?: (() => any) | undefined;
     onSubmit?: (() => any) | undefined;
+    onAfterLeave?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
     title: string;

package/types/lib-components/overlays/Slideover.vue.d.ts

@@ -10,8 +10,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "update:modelValue": (value: boolean) => any;
 } & {
     close: () => any;
+    afterLeave: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onClose?: (() => any) | undefined;
+    onAfterLeave?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
     size: "sm" | "md" | "lg";