@knowark/componarkjs 1.8.4 → 1.9.1

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

@@ -243,6 +243,46 @@ describe('Component', () => {
     expect(component.data.value).toEqual(777)
   })
 
+  it('performs object assignment of event details', async () => {
+    container.innerHTML = `
+    <mock-component>
+      <input type="text" listen on-alter="{{ local | object }}"></input>
+    </mock-component>
+    `
+
+    const component = container.querySelector('mock-component')
+    const input = component.select('input')
+
+    const detail = { name: 'Sprite', brand: 'Coca-Cola' }
+    input.dispatchEvent(
+      new globalThis.CustomEvent('alter', { bubbles: true, detail }))
+
+    expect(component.local).toEqual({ name: 'Sprite', brand: 'Coca-Cola' })
+  })
+
+  it('performs nested object assignment of event details', async () => {
+    container.innerHTML = `
+    <mock-component>
+      <input type="text" listen on-alter="{{ local.zone | object }}"></input>
+    </mock-component>
+    `
+
+    const component = container.querySelector('mock-component')
+    component.local.zone = {}
+    const input = component.select('input')
+
+    const detail = { country: 'USA', city: 'Atlanta' }
+    input.dispatchEvent(
+      new globalThis.CustomEvent('alter', { bubbles: true, detail }))
+
+    expect(component.local).toEqual({
+      zone: {
+        country: 'USA',
+        city: 'Atlanta' 
+      }
+    })
+  })
+
   it('listens to events and handles them with its own methods', async () => {
     container.innerHTML = `
       <mock-component code="ABC123">

package/lib/base/utils/helpers.js

@@ -22,6 +22,9 @@ export function listen (self) {
           let [objectPath, eventPath] = content.split('=')
           eventPath = eventPath?.trim() || 'target.value'
           handler = function (event) {
+            if (pipe?.toLocaleLowerCase() === 'object') {
+              return set(this, objectPath.trim(), event.detail)
+            }
             set(this, objectPath.trim(), transform(pipe, get(
               event, eventPath, get(event, 'detail', ''))))
           }

package/package.json

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