@cocreate/events 1.13.8 → 1.14.1

package/CHANGELOG.md

@@ -1,3 +1,25 @@
+## [1.14.1](https://github.com/CoCreate-app/CoCreate-events/compare/v1.14.0...v1.14.1) (2023-11-09)
+
+
+### Bug Fixes
+
+* meta name typo ([5d896fb](https://github.com/CoCreate-app/CoCreate-events/commit/5d896fb644f5f005c4a7a91f15caab63ee3aed9a))
+* removed unused code ([9a302bc](https://github.com/CoCreate-app/CoCreate-events/commit/9a302bcc92ee35117029772c9fe1d638d75ea881))
+* update host ([bd0d438](https://github.com/CoCreate-app/CoCreate-events/commit/bd0d4381d5ab2d5c7069d9489c9d400830ec81e5))
+
+# [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/CoCreate.config.js

@@ -12,8 +12,7 @@ module.exports = {
                 "pathname": "/docs/events/index.html",
                 "src": "{{./docs/index.html}}",
                 "host": [
-                    "*",
-                    "general.cocreate.app"
+                    "*"
                 ],
                 "directory": "events",
                 "content-type": "{{content-type}}",

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/docs/index.html

@@ -11,10 +11,10 @@
             sizes="32x32"
             href="https://cocreate.app/images/favicon.ico" />
         <meta
-            key="description"
+            name="description"
             content="A simple HTML5 and pure javascript component. Easy configuration using HTML5 attributes or Javscript api and highly styleable." />
         <meta
-            key="keywords"
+            name="keywords"
             content="helper classes, utility classes, css framework, css library, inline style classes" />
         <meta name="robots" content="index,follow" />
         <meta

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/events",
-  "version": "1.13.8",
+  "version": "1.14.1",
   "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) {
@@ -122,10 +121,8 @@ const CoCreateEvents = {
                 this.elements.set(el, prefixes)
             } else if (!prefixes[prefix]) {
                 prefixes[prefix] = { events }
-            } else {
+            } else
                 isEventable = false
-                // events =  //prefixes[prefix].events
-            }
 
             let customEvents = el.getAttribute(`${prefix}-events`)
             if (customEvents) {
@@ -237,7 +234,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 +254,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 +275,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: {}