@weni/unnnic-system 3.2.5 → 3.2.6

package/CHANGELOG.md

@@ -5,6 +5,22 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+# 3.2.6 (2025-09-22)
+
+### Added
+
+- **SelectSmart Component**: New `onActiveChange` event that emits when dropdown options become active/inactive:
+  - **Event Emission**: Emits `true` when dropdown opens and `false` when dropdown closes
+  - **Full Integration**: Works seamlessly with all existing SelectSmart functionality (keyboard navigation, click outside, escape key)
+  - **Comprehensive Testing**: Added 4 new unit tests covering all scenarios including toggle, escape key, and outside click behaviors
+
+- **Dropdown Component**: Enhanced `forceOpen` functionality with comprehensive test coverage:
+  - **Comprehensive Testing**: Added 5 new unit tests covering all `forceOpen` scenarios
+  - **Trigger Prevention**: Tests verify that clicking trigger doesn't toggle dropdown when `forceOpen` is enabled
+  - **Outside Click Prevention**: Tests confirm dropdown stays open when clicking outside with `forceOpen` enabled
+  - **Prop Compatibility**: Tests validate proper behavior with `useOpenProp` combinations
+  - **Event Validation**: Tests ensure no unwanted events are emitted when `forceOpen` is active
+  
 # 3.2.5 (2025-09-19)
 
 ### Added

package/dist/components/AudioRecorder/AudioHandler.vue.d.ts

@@ -109,8 +109,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
     }>> & Readonly<{}>, {
         text: string;
-        enabled: boolean;
         forceOpen: boolean;
+        enabled: boolean;
         side: string;
         maxWidth: string;
         shortcutText: string;

package/dist/components/AudioRecorder/AudioRecorder.vue.d.ts

@@ -212,8 +212,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             };
         }>> & Readonly<{}>, {
             text: string;
-            enabled: boolean;
             forceOpen: boolean;
+            enabled: boolean;
             side: string;
             maxWidth: string;
             shortcutText: string;
@@ -400,8 +400,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
     }>> & Readonly<{}>, {
         text: string;
-        enabled: boolean;
         forceOpen: boolean;
+        enabled: boolean;
         side: string;
         maxWidth: string;
         shortcutText: string;

package/dist/components/Card/Card.vue.d.ts

@@ -376,8 +376,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             };
         }>> & Readonly<{}>, {
             text: string;
-            enabled: boolean;
             forceOpen: boolean;
+            enabled: boolean;
             side: string;
             maxWidth: string;
             shortcutText: string;

package/dist/components/Card/CardCompany.vue.d.ts

@@ -308,8 +308,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 };
             }>> & Readonly<{}>, {
                 text: string;
-                enabled: boolean;
                 forceOpen: boolean;
+                enabled: boolean;
                 side: string;
                 maxWidth: string;
                 shortcutText: string;

package/dist/components/Card/CardStatusesContainer.vue.d.ts

@@ -210,8 +210,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
     }>> & Readonly<{}>, {
         text: string;
-        enabled: boolean;
         forceOpen: boolean;
+        enabled: boolean;
         side: string;
         maxWidth: string;
         shortcutText: string;

package/dist/components/Card/SimpleCard.vue.d.ts

@@ -117,8 +117,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
     }>> & Readonly<{}>, {
         text: string;
-        enabled: boolean;
         forceOpen: boolean;
+        enabled: boolean;
         side: string;
         maxWidth: string;
         shortcutText: string;

package/dist/components/Card/TitleCard.vue.d.ts

@@ -133,8 +133,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
     }>> & Readonly<{}>, {
         text: string;
-        enabled: boolean;
         forceOpen: boolean;
+        enabled: boolean;
         side: string;
         maxWidth: string;
         shortcutText: string;

package/dist/components/CardImage/CardImage.vue.d.ts

@@ -197,6 +197,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        forceOpen: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         position: {
             type: StringConstructor;
             default: string;
@@ -216,6 +220,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        forceOpen: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         position: {
             type: StringConstructor;
             default: string;
@@ -227,6 +235,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         position: string;
         useOpenProp: boolean;
         open: boolean;
+        forceOpen: boolean;
     }, {}, {}, {
         onClickOutside: any;
     }, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/CardInformation/CardInformation.vue.d.ts

@@ -267,8 +267,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             };
         }>> & Readonly<{}>, {
             text: string;
-            enabled: boolean;
             forceOpen: boolean;
+            enabled: boolean;
             side: string;
             maxWidth: string;
             shortcutText: string;

package/dist/components/CardProject/CardProject.vue.d.ts

@@ -114,6 +114,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        forceOpen: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         position: {
             type: StringConstructor;
             default: string;
@@ -133,6 +137,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        forceOpen: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         position: {
             type: StringConstructor;
             default: string;
@@ -144,6 +152,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         position: string;
         useOpenProp: boolean;
         open: boolean;
+        forceOpen: boolean;
     }, {}, {}, {
         onClickOutside: any;
     }, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/Carousel/Carousel.vue.d.ts

@@ -337,8 +337,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     };
                 }>> & Readonly<{}>, {
                     text: string;
-                    enabled: boolean;
                     forceOpen: boolean;
+                    enabled: boolean;
                     side: string;
                     maxWidth: string;
                     shortcutText: string;

package/dist/components/Carousel/TagCarousel.vue.d.ts

@@ -310,8 +310,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 };
             }>> & Readonly<{}>, {
                 text: string;
-                enabled: boolean;
                 forceOpen: boolean;
+                enabled: boolean;
                 side: string;
                 maxWidth: string;
                 shortcutText: string;

package/dist/components/ChartBar/ChartBar.vue.d.ts

@@ -169,8 +169,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
     }>> & Readonly<{}>, {
         text: string;
-        enabled: boolean;
         forceOpen: boolean;
+        enabled: boolean;
         side: string;
         maxWidth: string;
         shortcutText: string;

package/dist/components/ChartLine/ChartLine.vue.d.ts

@@ -87,8 +87,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
     }>> & Readonly<{}>, {
         text: string;
-        enabled: boolean;
         forceOpen: boolean;
+        enabled: boolean;
         side: string;
         maxWidth: string;
         shortcutText: string;

package/dist/components/ChatText/ChatText.vue.d.ts

@@ -102,8 +102,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
     }>> & Readonly<{}>, {
         text: string;
-        enabled: boolean;
         forceOpen: boolean;
+        enabled: boolean;
         side: string;
         maxWidth: string;
         shortcutText: string;

package/dist/components/ChatsContact/ChatsContact.vue.d.ts

@@ -692,8 +692,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 };
             }>> & Readonly<{}>, {
                 text: string;
-                enabled: boolean;
                 forceOpen: boolean;
+                enabled: boolean;
                 side: string;
                 maxWidth: string;
                 shortcutText: string;

package/dist/components/ChatsMessage/ChatsMessage.vue.d.ts

@@ -392,8 +392,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
     }>> & Readonly<{}>, {
         text: string;
-        enabled: boolean;
         forceOpen: boolean;
+        enabled: boolean;
         side: string;
         maxWidth: string;
         shortcutText: string;

package/dist/components/DataArea/DataArea.vue.d.ts

@@ -106,8 +106,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
     }>> & Readonly<{}>, {
         text: string;
-        enabled: boolean;
         forceOpen: boolean;
+        enabled: boolean;
         side: string;
         maxWidth: string;
         shortcutText: string;

package/dist/components/Dropdown/Dropdown.vue.d.ts

@@ -7,6 +7,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    forceOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     position: {
         type: StringConstructor;
         default: string;
@@ -26,6 +30,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    forceOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     position: {
         type: StringConstructor;
         default: string;
@@ -37,6 +45,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     position: string;
     useOpenProp: boolean;
     open: boolean;
+    forceOpen: boolean;
 }, {}, {}, {
     onClickOutside: any;
 }, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/MoodRating/MoodRating.vue.d.ts

@@ -95,8 +95,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
     }>> & Readonly<{}>, {
         text: string;
-        enabled: boolean;
         forceOpen: boolean;
+        enabled: boolean;
         side: string;
         maxWidth: string;
         shortcutText: string;

package/dist/components/SelectSmart/SelectSmart.vue.d.ts

@@ -111,7 +111,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     methods: {
         i18n(...args: any[]): any;
     };
-}, import('vue').ComponentOptionsMixin, ("onChange" | "update:modelValue" | "update:searchValue")[], "onChange" | "update:modelValue" | "update:searchValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, ("onChange" | "update:modelValue" | "update:searchValue" | "onActiveChange")[], "onChange" | "update:modelValue" | "update:searchValue" | "onActiveChange", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     options: {
         type: ArrayConstructor;
         required: true;
@@ -185,6 +185,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onOnChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:searchValue"?: ((...args: any[]) => any) | undefined;
+    onOnActiveChange?: ((...args: any[]) => any) | undefined;
 }>, {
     size: string;
     type: string;
@@ -916,8 +917,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     };
                 }>> & Readonly<{}>, {
                     text: string;
-                    enabled: boolean;
                     forceOpen: boolean;
+                    enabled: boolean;
                     side: string;
                     maxWidth: string;
                     shortcutText: string;

package/dist/components/SelectSmart/SelectSmartMultipleHeader.vue.d.ts

@@ -325,8 +325,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 };
             }>> & Readonly<{}>, {
                 text: string;
-                enabled: boolean;
                 forceOpen: boolean;
+                enabled: boolean;
                 side: string;
                 maxWidth: string;
                 shortcutText: string;

package/dist/components/Slider/Slider.vue.d.ts

@@ -172,8 +172,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
     }>> & Readonly<{}>, {
         text: string;
-        enabled: boolean;
         forceOpen: boolean;
+        enabled: boolean;
         side: string;
         maxWidth: string;
         shortcutText: string;

package/dist/components/Tab/Tab.vue.d.ts

@@ -136,8 +136,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
     }>> & Readonly<{}>, {
         text: string;
-        enabled: boolean;
         forceOpen: boolean;
+        enabled: boolean;
         side: string;
         maxWidth: string;
         shortcutText: string;

package/dist/components/Tag/IndicatorTag.vue.d.ts

@@ -141,8 +141,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
     }>> & Readonly<{}>, {
         text: string;
-        enabled: boolean;
         forceOpen: boolean;
+        enabled: boolean;
         side: string;
         maxWidth: string;
         shortcutText: string;

package/dist/components/Tag/Tag.vue.d.ts

@@ -279,8 +279,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             };
         }>> & Readonly<{}>, {
             text: string;
-            enabled: boolean;
             forceOpen: boolean;
+            enabled: boolean;
             side: string;
             maxWidth: string;
             shortcutText: string;

package/dist/components/ToolTip/ToolTip.vue.d.ts

@@ -66,8 +66,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
 }>> & Readonly<{}>, {
     text: string;
-    enabled: boolean;
     forceOpen: boolean;
+    enabled: boolean;
     side: string;
     maxWidth: string;
     shortcutText: string;