From f632be61cf50ae3961c4fb94b0c7e017ba52ca6f Mon Sep 17 00:00:00 2001 From: Jan Andrle Date: Fri, 8 Sep 2023 15:54:47 +0200 Subject: [PATCH] :sparkles: `href`/`src` see #5 :recycle: renaming --- src/dom.js | 7 +++++-- src/events.js | 10 +++++----- 2 files changed, 10 insertions(+), 7 deletions(-) diff --git a/src/dom.js b/src/dom.js index e0a7b11..5f042e8 100644 --- a/src/dom.js +++ b/src/dom.js @@ -50,7 +50,7 @@ export function assign(element, ...attributes){ case "style": return forEachEntries(attr, setRemove.bind(null, element.style, "Property")); case "dataset": return forEachEntries(attr, setDelete.bind(null, element.dataset)); case "ariaset": return forEachEntries(attr, (key, val)=> setRemoveAttr("aria-"+key, val)); - case "classList": return classListDeclartive(element, attr); + case "classList": return classListDeclarative(element, attr); default: return Reflect.set(element, key, attr); } } @@ -59,6 +59,8 @@ export function assign(element, ...attributes){ return setRemoveAttr(key, attr); } switch(key){ + case "href" || "src": + return setRemoveAttr(key, attr); case "xlink:href": return setRemoveAttr(key, attr, "http://www.w3.org/1999/xlink"); case "textContent" || "innerText": @@ -69,7 +71,7 @@ export function assign(element, ...attributes){ }); return element; } -export function classListDeclartive(element, toggle){ +export function classListDeclarative(element, toggle){ if(typeof toggle !== "object") return element; forEachEntries(toggle, @@ -101,6 +103,7 @@ function getPropDescriptor(p, key, level= 0){ return [ des, level, p ]; } +/** @template {Record} T @param {T} obj @param {(param: [ keyof T, T[keyof T] ])=> void} cb */ function forEachEntries(obj, cb){ return Object.entries(obj).forEach(([ key, val ])=> cb(key, val)); } function isUndef(value){ return typeof value==="undefined"; } diff --git a/src/events.js b/src/events.js index 4dc1c8a..60957cb 100644 --- a/src/events.js +++ b/src/events.js @@ -7,19 +7,19 @@ export function on(event, listener, options){ }; } -const connections_changes= connectionsChangesObserverConstructor(); +const c_ch_o= connectionsChangesObserverConstructor(); on.connected= function(listener, options){ return function registerElement(element){ - connections_changes.onConnected(element, listener); + c_ch_o.onConnected(element, listener); if(options && options.signal) - options.signal.addEventListener("abort", ()=> connections_changes.offConnected(element, listener)); + options.signal.addEventListener("abort", ()=> c_ch_o.offConnected(element, listener)); }; }; on.disconnected= function(listener, options){ return function registerElement(element){ - connections_changes.onDisconnected(element, listener); + c_ch_o.onDisconnected(element, listener); if(options && options.signal) - options.signal.addEventListener("abort", ()=> connections_changes.offDisconnected(element, listener)); + options.signal.addEventListener("abort", ()=> c_ch_o.offDisconnected(element, listener)); }; };