From 3866b29436281deeb16d3780d453b9b3835fef74 Mon Sep 17 00:00:00 2001
From: Jan Andrle <andrle.jan@centrum.cz>
Date: Tue, 7 Nov 2023 17:30:15 +0100
Subject: [PATCH] =?UTF-8?q?:hammer:=20ElementExtender=20=E2=86=92=20Elemen?=
 =?UTF-8?q?tModifier?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.d.ts | 22 +++++++++++-----------
 src/dom.js |  6 +++---
 2 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/index.d.ts b/index.d.ts
index 57ca496..e7dbb53 100644
--- a/index.d.ts
+++ b/index.d.ts
@@ -1,6 +1,6 @@
 declare global {
 	type ddeComponentAttributes= Record<any, any> | undefined | string;
-	type ddeElementExtender<El extends HTMLElement | SVGElement | Comment | DocumentFragment>= (element: El)=> El;
+	type ddeElementModifier<El extends HTMLElement | SVGElement | Comment | DocumentFragment>= (element: El)=> El;
 }
 type ElementTagNameMap= HTMLElementTagNameMap & { // & SVGElementTagNameMap
 	'#text': Text
@@ -41,7 +41,7 @@ export function assign<El extends Element>(element: El, ...attrs_array: Partial<
 export function el<TAG extends keyof ElementTagNameMap>(
 	tag_name: TAG,
 	attrs?: Partial<ElementAttributes<ElementTagNameMap[TAG]>>,
-	...extenders: ddeElementExtender<ElementTagNameMap[TAG]>[]
+	...modifiers: ddeElementModifier<ElementTagNameMap[TAG]>[]
 ): ElementTagNameMap[TAG]
 export function el<T>(
 	tag_name?: "<>",
@@ -52,36 +52,36 @@ export function el<
 	C extends (attr: A)=> Element | DocumentFragment>(
 	fComponent: C,
 	attrs?: A,
-	...extenders: ddeElementExtender<ReturnType<C>>[]
+	...modifiers: ddeElementModifier<ReturnType<C>>[]
 ): ReturnType<C>
 
 export function el(
 	tag_name: string,
 	attrs?: Record<string, any>,
-	...extenders: ddeElementExtender<HTMLElement | SVGElement>[]
+	...modifiers: ddeElementModifier<HTMLElement | SVGElement>[]
 ): HTMLElement
 
 export function dispatchEvent(element: HTMLElement, name: keyof DocumentEventMap): void;
 export function dispatchEvent(element: HTMLElement, name: string, data: any): void;
 interface On{
 	<
-		EE extends ddeElementExtender<Element>,
-		El extends ( EE extends ddeElementExtender<infer El> ? El : never ),
+		EE extends ddeElementModifier<Element>,
+		El extends ( EE extends ddeElementModifier<infer El> ? El : never ),
 		Event extends keyof DocumentEventMap>(
 			type: Event,
 			listener: (this: El, ev: DocumentEventMap[Event]) => any,
 			options?: AddEventListenerOptions
 		) : EE;
 	connected<
-		EE extends ddeElementExtender<Element>,
-		El extends ( EE extends ddeElementExtender<infer El> ? El : never )
+		EE extends ddeElementModifier<Element>,
+		El extends ( EE extends ddeElementModifier<infer El> ? El : never )
 		>(
 			listener: (el: El) => any,
 			options?: AddEventListenerOptions
 		) : EE;
 	disconnected<
-		EE extends ddeElementExtender<Element>,
-		El extends ( EE extends ddeElementExtender<infer El> ? El : never )
+		EE extends ddeElementModifier<Element>,
+		El extends ( EE extends ddeElementModifier<infer El> ? El : never )
 		>(
 			listener: (el: El) => any,
 			options?: AddEventListenerOptions
@@ -91,7 +91,7 @@ export const on: On;
 
 export const scope: {
 	namespace: string,
-	host: ddeElementExtender<any>,
+	host: ddeElementModifier<any>,
 	elNamespace: (ns: string)=> ({ append(...els: (HTMLElement | SVGElement)[]): HTMLElement | SVGElement | DocumentFragment })
 };
 
diff --git a/src/dom.js b/src/dom.js
index 37f5c48..fc00d68 100644
--- a/src/dom.js
+++ b/src/dom.js
@@ -39,7 +39,7 @@ export const scope= {
 	},
 	pop(){ return scopes.pop(); },
 };
-export function createElement(tag, attributes, ...connect){
+export function createElement(tag, attributes, ...modifiers){
 	const s= signals(this);
 	const { namespace }= scope;
 	let scoped= 0;
@@ -50,7 +50,7 @@ export function createElement(tag, attributes, ...connect){
 	switch(true){
 		case typeof tag==="function": {
 			scoped= 1;
-			scope.push({ scope: tag, host: c=> c ? (scoped===1 ? connect.unshift(c) : c(el_host), undefined) : el_host });
+			scope.push({ scope: tag, host: c=> c ? (scoped===1 ? modifiers.unshift(c) : c(el_host), undefined) : el_host });
 			el= tag(attributes || undefined);
 			const is_fragment= el instanceof DocumentFragment;
 			const el_mark= document.createComment(`<dde:mark type="component" name="${tag.name}" host="${is_fragment ? "this" : "parentElement"}"/>`);
@@ -64,7 +64,7 @@ export function createElement(tag, attributes, ...connect){
 		case !el:                el= assign.call(this, document.createElement(tag), attributes);
 	}
 	if(!el_host) el_host= el;
-	connect.forEach(c=> c(el_host));
+	modifiers.forEach(c=> c(el_host));
 	if(scoped) scope.pop();
 	scoped= 2;
 	return el;