@creative-web-solution/front-library 7.1.12 → 7.1.14

package/CHANGELOG.md

@@ -1,6 +1,17 @@
 # CHANGELOG
 
 
+## 7.1.14
+
+* EventManager: Fix bug on array
+* SkinSelect: Update title on select when dispatch event is off
+
+
+## 7.1.13
+
+* SkinSelect: Update fire event on select
+
+
 ## 7.1.12
 
 * Validator: Use dayjs library to validate date

package/Events/EventsManager.ts

@@ -202,6 +202,9 @@ export const off = function( $elements: any, options: FLib.Events.EventsManager.
             let registry: FLib.Events.EventsManager.DataRegistry[]      = useNativeDOMEvents ? DOMRegistry : ObjectRegistry;
 
             registry.forEach( item => {
+                if ( item.$element !== $element ) {
+                    return;
+                }
                 const callback = item.delegate || item.options._internalCallback || item.options.callback;
 
                 if ( !options.callback || options.callback === item.options.callback ) {

package/Modules/SkinSelect.ts

@@ -278,7 +278,7 @@ export default class SkinSelect implements FLib.SkinSelect.SkinSelect {
     }
 
 
-    selectByValue( value: string | number ): this {
+    selectByValue( value: string | number, dispatchEvent = true ): this {
         if ( this.#$select.disabled || this.#loading ) {
             return this;
         }
@@ -289,11 +289,11 @@ export default class SkinSelect implements FLib.SkinSelect.SkinSelect {
             return this;
         }
 
-        return this.selectByIndex( IDX );
+        return this.selectByIndex( IDX, dispatchEvent );
     }
 
 
-    selectByOption( optionOrItem: HTMLElement ): this {
+    selectByOption( optionOrItem: HTMLElement, dispatchEvent = true ): this {
         if ( this.#$select.disabled || this.#loading ) {
             return this;
         }
@@ -304,14 +304,14 @@ export default class SkinSelect implements FLib.SkinSelect.SkinSelect {
             return this;
         }
 
-        return this.selectByIndex( IDX );
+        return this.selectByIndex( IDX, dispatchEvent );
     }
 
 
     /**
      * Select an option
      */
-    selectByIndex( index: number ): this {
+    selectByIndex( index: number, dispatchEvent = true ): this {
 
         if ( this.#$select.disabled || this.#loading ) {
             return this;
@@ -334,9 +334,14 @@ export default class SkinSelect implements FLib.SkinSelect.SkinSelect {
                         } );
         }
 
-        fire( this.#$select, {
-            "eventsName": "change"
-        } );
+        if ( dispatchEvent ) {
+            fire( this.#$select, {
+                "eventsName": "change"
+            } );
+        }
+        else {
+            this.updateTitle();
+        }
 
         return this;
     }
@@ -345,15 +350,15 @@ export default class SkinSelect implements FLib.SkinSelect.SkinSelect {
     /**
      * If arg is a number, it is considered as an option index, not a value.
      */
-    select( arg: number | string | HTMLElement ): this {
+    select( arg: number | string | HTMLElement, dispatchEvent = true ): this {
         if ( typeof arg === 'number' ) {
-            return this.selectByIndex( arg );
+            return this.selectByIndex( arg, dispatchEvent );
         }
         else if ( typeof arg === 'string' ) {
-            return this.selectByValue( arg );
+            return this.selectByValue( arg, dispatchEvent );
         }
         else if ( typeof arg === 'object' ) {
-            return this.selectByOption( arg );
+            return this.selectByOption( arg, dispatchEvent );
         }
 
         return this;

package/README.md

@@ -1,6 +1,6 @@
 # Front Library
 
-@version: 7.1.12
+@version: 7.1.14
 
 
 ## Use

package/Types/SkinSelect.d.ts

@@ -1,18 +1,18 @@
 declare declare namespace FLib {
     namespace SkinSelect {
         interface SkinSelect {
-            enable():                                      this;
-            disable():                                     this;
-            setInvalid():                                  this;
-            setValid():                                    this;
-            setLoading():                                  this;
-            unsetLoading():                                this;
-            updateTitle():                                 this;
-            select( param: number | string | HTMLElement ): this;
-            selectByIndex( index: number ):                 this;
-            selectByOption( optionOrItem: HTMLElement ):     this;
-            selectByValue( value: string | number ):        this;
-            updateOptions( optionsArray?: FLib.SkinSelect.OptionArray[] ): this;
+            enable():                                                          this;
+            disable():                                                         this;
+            setInvalid():                                                      this;
+            setValid():                                                        this;
+            setLoading():                                                      this;
+            unsetLoading():                                                    this;
+            updateTitle():                                                     this;
+            select( param: number | string | HTMLElement, dispatchEvent?: bool ): this;
+            selectByIndex( index: number, dispatchEvent?: bool ):                 this;
+            selectByOption( optionOrItem: HTMLElement, dispatchEvent?: bool ):     this;
+            selectByValue( value: string | number, dispatchEvent?: bool ):        this;
+            updateOptions( optionsArray?: FLib.SkinSelect.OptionArray[] ):       this;
         }
 
 

package/package.json

@@ -2,7 +2,7 @@
   "name": "@creative-web-solution/front-library",
   "title": "Frontend library",
   "description": "Frontend functions and modules",
-  "version": "7.1.12",
+  "version": "7.1.14",
   "homepage": "https://github.com/creative-web-solution/front-library",
   "author": "Creative Web Solution <contact@cws-studio.com> (https://www.cws-studio.com)",
   "keywords": [],