@cocreate/events 1.13.8 → 1.14.0

package/CHANGELOG.md

@@ -1,3 +1,16 @@
+# [1.14.0](https://github.com/CoCreate-app/CoCreate-events/compare/v1.13.8...v1.14.0) (2023-11-03)
+
+
+### Bug Fixes
+
+* favicon.ico path ([d4dd07c](https://github.com/CoCreate-app/CoCreate-events/commit/d4dd07c2532b9bb2c69f50770165a0daa73ce2cb))
+* update dependencies to the lates versions ([bca4417](https://github.com/CoCreate-app/CoCreate-events/commit/bca44178630f52bced0864850228da8310630958))
+
+
+### Features
+
+* trigger prefix event on target elements ([f8a96df](https://github.com/CoCreate-app/CoCreate-events/commit/f8a96dff58771fc2cd91653cb9281443b54c1599))
+
 ## [1.13.8](https://github.com/CoCreate-app/CoCreate-events/compare/v1.13.7...v1.13.8) (2023-10-25)
 
 

package/demo/click.html

@@ -6,9 +6,9 @@
         <!-- CoCreate Favicon -->
         <link
             rel="icon"
-            href="https://cdn.cocreate.app/favicon.ico"
-            type="image/ico"
-            sizes="16x16" />
+            type="image/png"
+            sizes="32x32"
+            href="../assets/favicon.ico" />
 
         <!-- Custom CSS -->
         <style type="text/css">

package/demo/index.html

@@ -6,9 +6,9 @@
         <!-- CoCreate Favicon -->
         <link
             rel="icon"
-            href="https://cdn.cocreate.app/favicon.ico"
-            type="image/ico"
-            sizes="16x16" />
+            type="image/png"
+            sizes="32x32"
+            href="../assets/favicon.ico" />
 
         <!-- Custom CSS -->
         <style type="text/css">

package/demo/observer.html

@@ -6,9 +6,9 @@
         <!-- CoCreate Favicon -->
         <link
             rel="icon"
-            href="https://cdn.cocreate.app/favicon.ico"
-            type="image/ico"
-            sizes="16x16" />
+            type="image/png"
+            sizes="32x32"
+            href="../assets/favicon.ico" />
 
         <!-- Custom CSS -->
         <style type="text/css">

package/demo/selected.html

@@ -6,9 +6,9 @@
         <!-- CoCreate Favicon -->
         <link
             rel="icon"
-            href="https://cdn.cocreate.app/favicon.ico"
-            type="image/ico"
-            sizes="16x16" />
+            type="image/png"
+            sizes="32x32"
+            href="../assets/favicon.ico" />
         <!-- Custom CSS -->
         <style type="text/css">
             .test {

package/demo/set-value.html

@@ -6,9 +6,9 @@
         <!-- CoCreate Favicon -->
         <link
             rel="icon"
-            href="https://cdn.cocreate.app/favicon.ico"
-            type="image/ico"
-            sizes="16x16" />
+            type="image/png"
+            sizes="32x32"
+            href="../assets/favicon.ico" />
         <link rel="manifest" href="/manifest.webmanifest" />
     </head>
     <body>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/events",
-  "version": "1.13.8",
+  "version": "1.14.0",
   "description": "A simple events component in vanilla javascript. Easily configured using HTML5 attributes and/or JavaScript API.",
   "keywords": [
     "events",
@@ -58,9 +58,9 @@
     "webpack-log": "^3.0.1"
   },
   "dependencies": {
-    "@cocreate/actions": "^1.12.0",
-    "@cocreate/element-prototype": "^1.11.7",
-    "@cocreate/observer": "^1.11.6",
-    "@cocreate/utils": "^1.26.1"
+    "@cocreate/actions": "^1.12.1",
+    "@cocreate/element-prototype": "^1.11.8",
+    "@cocreate/observer": "^1.11.7",
+    "@cocreate/utils": "^1.26.2"
   }
 }

package/src/index.js

@@ -20,12 +20,11 @@
 // you must obtain a commercial license from CoCreate LLC.
 // For details, visit <https://cocreate.app/licenses/> or contact us at sales@cocreate.app.
 
-import { queryElements } from '@cocreate/utils';
+import { queryElements, checkMediaQueries } from '@cocreate/utils';
 import action from '@cocreate/actions';
 import observer from '@cocreate/observer';
 import '@cocreate/element-prototype';
 
-
 const CoCreateEvents = {
 
     init: function (prefix, events) {
@@ -237,7 +236,11 @@ const CoCreateEvents = {
         if (!values || values.length == 0)
             return;
 
-        let targetAttribute = element.getAttribute(`${prefix}-attribute`) || 'class';
+        let targetAttribute = element.getAttribute(`${prefix}-attribute`);
+        // targetAttribute = checkMediaQueries(targetAttribute)
+        // if (targetAttribute === false)
+        //     return
+
         let targetText = element.getAttribute(`${prefix}-text`);
         let targetHtml = element.getAttribute(`${prefix}-html`);
         let targetKey = element.getAttribute(`${prefix}-key`);
@@ -253,6 +256,10 @@ const CoCreateEvents = {
 
                 groupValues = groupValues.map(x => x.trim());
                 let groupAttribute = el.getAttribute(`${prefix}-attribute`) || 'class';
+                // groupAttribute = checkMediaQueries(groupAttribute)
+                // if (!groupAttribute)
+                //     return
+
                 let groupKey = el.getAttribute(`${prefix}-key`)
 
                 // el.removeAttribute(prefix)
@@ -270,8 +277,12 @@ const CoCreateEvents = {
         if (targetElements === false)
             targetElements = [element]
 
-        for (let i = 0; i < targetElements.length; i++)
-            this.setValue(prefix, targetElements[i], targetAttribute, values, targetKey)
+        for (let i = 0; i < targetElements.length; i++) {
+            if (!targetAttribute && targetAttribute !== '' && ['click', 'focus', 'blur'].includes(prefix)) {
+                targetElements[i][prefix]()
+            } else
+                this.setValue(prefix, targetElements[i], targetAttribute, values, targetKey)
+        }
 
         document.dispatchEvent(new CustomEvent(`${prefix}End`, {
             detail: {}