jaandrle/deka-dom-el
1
0
Fork 0
mirror of https://github.com/jaandrle/deka-dom-el synced 2025-07-01 20:32:13 +02:00
Code Packages Releases Activity

🐛 el leave scope correctly

Browse Source
This commit is contained in:
Jan Andrle
2023-10-13 17:13:03 +02:00
parent 06ab87c06f
commit 4c571354c4
6 changed files with 270 additions and 268 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/dom.js
View File

@ -31,15 +31,16 @@ export function createElement(tag, attributes, ...connect){
const _this= this;
const s= signals(this);
const { namespace }= scope;
let scoped= false;
let el;
//TODO Array.isArray(tag) ⇒ set key (cache els)
if(Object(attributes)!==attributes || s.isSignal(attributes))
attributes= { textContent: attributes };
switch(true){
case typeof tag==="function": {
scoped= true;
scope.push({ scope: tag, host: c=> c ? (connect.unshift(c), undefined) : el });
el= tag(attributes || undefined);
scope.pop();
break;
}
case tag==="#text": el= assign.call(_this, document.createTextNode(""), attributes); break;
@ -48,6 +49,7 @@ export function createElement(tag, attributes, ...connect){
case !el: el= assign.call(_this, document.createElement(tag), attributes);
}
connect.forEach(c=> c(el));
if(scoped) scope.pop();
return el;
}
export { createElement as el };

2
src/events.js
View File

@ -24,7 +24,7 @@ on.connected= function(listener, options){
const event= "dde:"+name;
element.addEventListener(event, listener, options);
if(element.__dde_lifecycleToEvents) return element;
if(element.isConnected) return ( element.dispatchEvent(new Event(event)), element )
if(element.isConnected) return ( element.dispatchEvent(new Event(event)), element );
const c= onAbort(options.signal, ()=> c_ch_o.offConnected(element, listener));
if(c) c_ch_o.onConnected(element, listener);