@knowark/componarkjs 1.10.1 → 1.10.3

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

@@ -201,6 +201,32 @@ describe('Component', () => {
     expect(component.data.value).toEqual('E')
   })
 
+  it('binds multiple handlers to the same event', async () => {
+    container.innerHTML = `
+    <mock-component>
+      <input type="text"
+        listen
+        on-input="{{ data.value = data }}"
+        on-input-1="{{ data.value1 = data }}"
+        on-input-2="{{ data.value2 = data }}"
+        on-input-3="{{ data.value3 = data }}"
+      ></input>
+    </mock-component>
+    `
+
+    const component = container.querySelector('mock-component')
+    const input = component.select('input')
+
+    input.dispatchEvent(
+      new globalThis.InputEvent('input', { bubbles: true, data: 'E' })
+    )
+
+    expect(component.data.value).toEqual('E')
+    expect(component.data.value1).toEqual('E')
+    expect(component.data.value2).toEqual('E')
+    expect(component.data.value3).toEqual('E')
+  })
+
   it('binds to the target.value event property by default', async () => {
     container.innerHTML = `
     <mock-component>

package/lib/base/styles/styles.js

@@ -127,6 +127,21 @@ ${actions.map(action => css`
 [style*='--white-space:'] {
   white-space: var(--white-space);
 }
+[style*='--first-letter:']::first-letter {
+  text-transform: var(--first-letter);
+}
+[style*='--first-letter-color:']::first-letter {
+  color: var(--first-letter-color);
+}
+[style*='--first-letter-background:']::first-letter {
+  background: var(--first-letter-background);
+}
+[style*='--first-letter-size:']::first-letter {
+  font-size: var(--first-letter-size);
+}
+[style*='--first-letter-weight:']::first-letter {
+  font-weight: var(--first-letter-weight);
+}
 
 /* SPACING */
 

package/lib/base/utils/helpers.js

@@ -50,7 +50,8 @@ export function listen (self) {
           }
         }
 
-        const eventName = attribute.name.replace('on-', '').trim()
+        const eventName = (
+          attribute.name.replace('on-', '').replace(/-\d+$/, '').trim())
         element.addEventListener(eventName, catchingHandler.bind(self))
         element.removeAttribute(binding)
       }

package/package.json

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