@cocreate/events 1.0.0 → 1.1.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [1.1.0](https://github.com/CoCreate-app/CoCreate-events/compare/v1.0.0...v1.1.0) (2023-02-02)
+
+
+### Features
+
+* supports actions for defined events ([08e9a47](https://github.com/CoCreate-app/CoCreate-events/commit/08e9a4721660a3ba5f508fe3dbf840ec8f1a4a01))
+
 # 1.0.0 (2023-02-01)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/events",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "A simple events component in vanilla javascript. Easily configured using HTML5 attributes and/or JavaScript API.",
   "keywords": [
     "events",

package/src/index.js

@@ -1,7 +1,8 @@
 import {queryDocumentSelectorAll} from '@cocreate/utils';
+import action from '@cocreate/actions';
 
 const CoCreateEvents = {
-	
+	// ToDo update to support config, ability to add custom prefix, for loop each deafualt and custom prefix to support action
 	init: function() {
 		this.initElement(document, 'events');
 		this.initElement(document, 'click');
@@ -32,10 +33,20 @@ const CoCreateEvents = {
 			mainContainer.addEventListener(event_name, function(event) {
 				const target = event.target.closest(`[${prefix}], [${prefix}-value]`);
 				if (target) {
+					if (target.closest(`[actions=*"${prefix}"]`)) return;
 					self.__updateElements(target, prefix);
 				}
 			});
 		});
+
+		action.init({
+			name: prefix,
+			endEvent: `${prefix}End`,
+			callback: (btn, data) => {
+				this.__updateElements(btn, prefix)
+			}
+		});
+
 	},
 	
 	__updateElements: function(element, prefix) {
@@ -88,6 +99,11 @@ const CoCreateEvents = {
 			targetElements.forEach((el) => self.setValue(el, targetAttribute, values));
 		} else
 			self.setValue(element, targetAttribute, values);
+
+		document.dispatchEvent(new CustomEvent(`${prefix}End`, {
+			detail: {}
+		}))
+		
 	},
 	
 	setValue: function(element, attrName, values, deactivate) {
@@ -155,6 +171,7 @@ const CoCreateEvents = {
 	}
 };
 
+
 CoCreateEvents.init();
 
 export default CoCreateEvents;