@cocreate/events 1.19.5 → 1.20.1

package/CHANGELOG.md

@@ -1,3 +1,23 @@
+## [1.20.1](https://github.com/CoCreate-app/CoCreate-events/compare/v1.20.0...v1.20.1) (2024-05-19)
+
+
+### Bug Fixes
+
+* getValue from element else fallback to value ([c8e06af](https://github.com/CoCreate-app/CoCreate-events/commit/c8e06afb6d88ab382cead8065dea88cdec3300ca))
+
+# [1.20.0](https://github.com/CoCreate-app/CoCreate-events/compare/v1.19.5...v1.20.0) (2024-05-08)
+
+
+### Bug Fixes
+
+* onEvent must liten at the document level, if no value allow comaparion of if esle conditions ([57d1f91](https://github.com/CoCreate-app/CoCreate-events/commit/57d1f91123d598b720030503412dd23fb6e38e51))
+
+
+### Features
+
+* attribute *-on to apply an event name. The operation will pause and await the event to resolve before continuing ([0d8db13](https://github.com/CoCreate-app/CoCreate-events/commit/0d8db13ed1ee63d9b2e67d8ebdd50e60408303d7))
+* support condition tur or false ([6a9f6fc](https://github.com/CoCreate-app/CoCreate-events/commit/6a9f6fcffe65028f4e6bb66fc1afd9f160297743))
+
 ## [1.19.5](https://github.com/CoCreate-app/CoCreate-events/compare/v1.19.4...v1.19.5) (2024-04-29)
 
 

package/package.json

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

package/src/index.js

@@ -229,6 +229,17 @@ const CoCreateEvents = {
         // if (targetAttribute === false)
         //     return
 
+        let onEvent = element.getAttribute(`${prefix}-on`)
+        if (onEvent) {
+            await new Promise((resolve, reject) => {
+                const handleEvent = () => {
+                    document.removeEventListener(onEvent, handleEvent);
+                    resolve();
+                };
+                document.addEventListener(onEvent, handleEvent);
+            });
+        }
+
         let values
         if (prefix === 'localstorage') {
             let key = element.getAttribute('localstorage-get')
@@ -239,7 +250,9 @@ const CoCreateEvents = {
                 if (values)
                     localStorage.setItem(key, values)
             }
-            if (!key || !values)
+
+            // if (!key || !values)
+            if (!key)
                 return
         } else {
             values = element.getAttribute(`${prefix}-value`) || element.getAttribute(`${prefix}-if-value`) || element.getAttribute(prefix);
@@ -264,7 +277,7 @@ const CoCreateEvents = {
 
         let ifValue = element.getAttribute(`${prefix}-if-value`)
         if (!ifValue && ifValue !== "")
-            ifValue = await element.getValue()
+            ifValue = await element.getValue() || values //values // await element.getValue()
         else if (ifValue || ifValue === "")
             ifValue = [ifValue]
         else
@@ -555,6 +568,12 @@ function checkCondition(condition, value) {
     if (operatorMatch)
         condition = operatorMatch[2].trim()
 
+    if (condition === 'true') {
+        return !!value[0];
+    } else if (condition === 'false') {
+        return !value[0];
+    }
+
     // TODO: why parse updated conditin to boolean false
     if (condition !== 'false')
         condition = parseCondition(condition);