jaandrle/deka-dom-el
1
0
Fork 0
mirror of https://github.com/jaandrle/deka-dom-el synced 2025-07-29 15:10:14 +02:00
Code Packages Releases Activity

✨ ♻️ Update scope and namespace handling (scope hook)

Browse Source
This commit is contained in:
Jan Andrle
2023-10-10 10:55:00 +02:00
parent ebbb76e9a0
commit 6a52972373
8 changed files with 693 additions and 619 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
examples/components/todosComponent.js
View File

@@ -1,4 +1,4 @@
import { style, el, dispatchEvent, on, S } from '../exports.js';
import { style, el, dispatchEvent, on, S, scope } from '../exports.js';
const className= style.host(todosComponent).css`
:host{
display: flex;
@@ -18,7 +18,7 @@ const className= style.host(todosComponent).css`
export function todosComponent({ todos= [ "Task A" ] }= {}){
const todosS= S(todos.map(t=> S(t)), {
add(v){ this.value.push(S(v)); },
remove(i){ this.value.splice(i, 1); },
remove(i){ S.clear(this.value.splice(i, 1)[0]); },
[S.symbols.onclear](){ S.clear(...this.value); },
});
const name= "todoName";
@@ -65,7 +65,8 @@ export function todosComponent({ todos= [ "Task A" ] }= {}){
* [ "click" ]
* >}
* */
function todoComponent({ textContent, value }, host){
function todoComponent({ textContent, value }){
const { host }= scope;
const onclick= on("click", event=> {
const value= Number(event.target.value);
event.preventDefault();