@knowark/componarkjs 1.8.3 → 1.9.0

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

@@ -243,6 +243,23 @@ 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('listens to events and handles them with its own methods', async () => {
     container.innerHTML = `
       <mock-component code="ABC123">

package/lib/base/utils/helpers.js

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

package/package.json

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