@knowark/componarkjs 1.7.5 → 1.7.7

package/lib/base/component/component.test.js

@@ -244,7 +244,7 @@ describe('Component', () => {
   it('listens to events and redirects them to target components', async () => {
     container.innerHTML = `
       <mock-component code="ABC123">
-        <input type="text" listen on-alter="customHandler" at="#child"></input>
+        <input type="text" listen on-alter="customHandler@#child"></input>
         <mock-component id="child" code="XYZ890"></mock-component>
       </mock-component>
     `

package/lib/base/utils/helpers.js

@@ -7,9 +7,10 @@ export function listen (self) {
   for (const element of elements) {
     for (const attribute of Array.from(element.attributes)) {
       if (attribute.name.startsWith('on-')) {
-        let handler = self[attribute.value]
+        const [value, at] = attribute.value.split('@').map(item => item.trim())
 
-        const [assignment] = attribute.value.match(/[^{{]+(?=\}})/g) || []
+        let handler = self[value]
+        const [assignment] = value.match(/[^{{]+(?=\}})/g) || []
 
         if (assignment) {
           let [objectPath, eventPath] = assignment.split('=')
@@ -22,11 +23,11 @@ export function listen (self) {
 
         if (!handler) continue
 
-        const at = element.getAttribute('at')
+        // const at = element.getAttribute('at')
         const catchingHandler = async function (event) {
           try {
             let receiver = this
-            if (at) receiver = this.select(at)
+            if (at) receiver = this.querySelector(at)
             return await Promise.resolve(handler.bind(receiver)(event))
           } catch (error) {
             this.dispatchEvent(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knowark/componarkjs",
-  "version": "1.7.5",
+  "version": "1.7.7",
   "author": "Knowark",
   "description": "Knowark's Web Components Library",
   "license": "ISC",