hyperclayjs 1.11.0 → 1.12.0

package/README.md

@@ -75,7 +75,7 @@ import 'hyperclayjs/presets/standard.js';
 |--------|------|-------------|
 | ajax-elements | 2.6KB | [ajax-form], [ajax-button] for async form submissions |
 | dom-helpers | 6.2KB | el.nearest, el.val, el.text, el.exec, el.cycle |
-| event-attrs | 4.1KB | [onclickaway], [onclone], [onpagemutation], [onrender] |
+| event-attrs | 4.6KB | [onclickaway], [onclickchildren], [onclone], [onpagemutation], [onrender] |
 | input-helpers | 1.2KB | [prevent-enter], [autosize] for textareas |
 | onaftersave | 1KB | [onaftersave] attribute - run JS when save status changes |
 | sortable | 3.4KB | Drag-drop sorting with [sortable], lazy-loads ~118KB Sortable.js in edit mode |
@@ -137,12 +137,12 @@ Essential features for basic editing
 
 **Modules:** `save-core`, `save-system`, `edit-mode-helpers`, `toast`, `save-toast`, `export-to-window`
 
-### Standard (~48.4KB)
+### Standard (~48.9KB)
 Standard feature set for most use cases
 
 **Modules:** `save-core`, `save-system`, `edit-mode-helpers`, `persist`, `option-visibility`, `event-attrs`, `dom-helpers`, `toast`, `save-toast`, `export-to-window`
 
-### Everything (~178.1KB)
+### Everything (~178.6KB)
 All available features
 
 Includes all available modules across all categories.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hyperclayjs",
-  "version": "1.11.0",
+  "version": "1.12.0",
   "description": "Modular JavaScript library for building interactive HTML applications with Hyperclay",
   "type": "module",
   "main": "src/hyperclay.js",

package/src/custom-attributes/events.js

@@ -1,5 +1,6 @@
 // Events module - combines all event attribute handlers
 import { init as initOnclickaway } from './onclickaway.js';
+import { init as initOnclickchildren } from './onclickchildren.js';
 import { init as initOnclone } from './onclone.js';
 import { init as initOnmutation } from './onmutation.js';
 import { init as initOnpagemutation } from './onpagemutation.js';
@@ -7,6 +8,7 @@ import { init as initOnrender } from './onrender.js';
 
 function init() {
   initOnclickaway();
+  initOnclickchildren();
   initOnclone();
   initOnmutation();
   initOnpagemutation();

package/src/custom-attributes/onclickchildren.js

@@ -0,0 +1,12 @@
+function init() {
+  document.addEventListener('click', function(event) {
+    const parent = event.target.closest('[onclickchildren]');
+    if (parent && event.target !== parent) {
+      const directChild = event.composedPath().find(el => el.parentNode === parent);
+      new Function(parent.getAttribute('onclickchildren')).call(directChild);
+    }
+  });
+}
+
+export { init };
+export default init;

package/src/hyperclay.js

@@ -1,5 +1,5 @@
 /**
- * HyperclayJS v1.11.0 - Minimal Browser-Native Loader
+ * HyperclayJS v1.12.0 - Minimal Browser-Native Loader
  *
  * Modules auto-init when imported (no separate init call needed).
  * Include `export-to-window` feature to export to window.hyperclay.