edvoyui-component-library-test-flight 0.0.209 → 0.0.211

package/dist/components/modal/EUIModal.d.ts

@@ -34,6 +34,7 @@ declare const _default: import('../../../node_modules/vue').DefineComponent<impo
     };
 }>, {
     closeModal: () => void;
+    dismissModal: () => void;
     slideClass: import('../../../node_modules/vue').ComputedRef<string>;
 }, {}, {}, {}, import('../../../node_modules/vue').ComponentOptionsMixin, import('../../../node_modules/vue').ComponentOptionsMixin, ("update:isVisible" | "confirm")[], "update:isVisible" | "confirm", import('../../../node_modules/vue').PublicProps, Readonly<import('../../../node_modules/vue').ExtractPropTypes<{
     isVisible: {

package/dist/components/modal/EUIModal.vue

@@ -44,7 +44,7 @@
                 <button
                   type="button"
                   class="flex items-center justify-center text-gray-400 bg-white hover:bg-gray-50 rounded-3xl hover:text-gray-600 size-8"
-                  @click="closeModal"
+                  @click="dismissModal"
                 >
                   <span class="sr-only">Close</span>
                   <svg
@@ -84,7 +84,7 @@
               class="sticky bottom-0 flex items-center justify-end float-none p-4 space-x-2"
             >
               <button
-                @click="closeModal"
+                @click="dismissModal"
                 class="px-4 py-2 text-base font-semibold tracking-wide text-gray-600 transition-colors duration-75 bg-white rounded-md hover:bg-gray-100"
               >
                 Cancel
@@ -166,11 +166,18 @@ export default defineComponent({
     });
 
     // Methods
+    // Accidental dismissal (backdrop click / Esc) — suppressed when persistent.
     const closeModal = () => {
       if (!props.persistent) {
         emit("update:isVisible", false);
       }
     };
+    // Explicit close affordances (the X button and default Cancel) always
+    // dismiss, even when persistent. `persistent` only guards against the
+    // accidental backdrop/Esc dismissal handled by closeModal.
+    const dismissModal = () => {
+      emit("update:isVisible", false);
+    };
     const handleKeydown = (event: KeyboardEvent) => {
       if (event.key === "Escape" && props.isVisible && !props.persistent) {
         closeModal();
@@ -194,6 +201,7 @@ export default defineComponent({
     });
     return {
       closeModal,
+      dismissModal,
       slideClass,
     };
   },

package/dist/components/searchTagSelect/EUISearchTagSelect.d.ts

@@ -157,17 +157,21 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('../../../node_modules/vue').DefineComponent<Props, {}, {}, {}, {}, import('../../../node_modules/vue').ComponentOptionsMixin, import('../../../node_modules/vue').ComponentOptionsMixin, {
     blur: () => any;
+    close: () => any;
     toggle: (value?: any) => any;
     search: (value: string) => any;
     "update:modelValue": (value: any) => any;
+    open: () => any;
     "on-change": (value: any) => any;
     create: (value: string) => any;
     "on-deselect": (value: any) => any;
 }, string, import('../../../node_modules/vue').PublicProps, Readonly<Props> & Readonly<{
     onBlur?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
     onToggle?: ((value?: any) => any) | undefined;
     onSearch?: ((value: string) => any) | undefined;
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+    onOpen?: (() => any) | undefined;
     "onOn-change"?: ((value: any) => any) | undefined;
     onCreate?: ((value: string) => any) | undefined;
     "onOn-deselect"?: ((value: any) => any) | undefined;

package/dist/components/searchTagSelect/EUISearchTagSelect.vue

@@ -326,6 +326,8 @@ const emit = defineEmits<{
   "on-change": [value: any];
   "on-deselect": [value: any];
   toggle: [value?: any];
+  open: [];
+  close: [];
 }>();
 
 // Refs
@@ -542,6 +544,7 @@ const handleOpen = () => {
     internalSearch.value = "";
   }
   showDropDown.value = true;
+  emit("open");
 
   nextTick(() => {
     setTimeout(() => {
@@ -562,6 +565,7 @@ const handleOpen = () => {
 const handleClose = () => {
   if (showDropDown.value) {
     emit("blur");
+    emit("close");
   }
   showDropDown.value = false;