@zero-dependency/dom 0.3.0 → 0.4.0

package/dist/html.d.ts

@@ -2,7 +2,7 @@ declare type Attributes<T extends keyof HTMLElementTagNameMap> = Partial<{
     style: Partial<CSSStyleDeclaration>;
 } & Omit<HTMLElementTagNameMap[T], 'style'>>;
 declare type Children = (string | Node | HTMLElement)[];
-export declare function el<T extends keyof HTMLElementTagNameMap>(tag: T, attributes?: Attributes<T>, ...children: Children): HTMLElementTagNameMap[T];
+export declare function el<T extends keyof HTMLElementTagNameMap>(tag: T, attributes?: Children | Attributes<T>, ...children: Children): HTMLElementTagNameMap[T];
 export declare function text(str: string): Text;
 export declare function nbsp(): Text;
 export {};

package/dist/index.es.js

@@ -1,8 +1,8 @@
 function i(e, o, n = document.body) {
   const t = new MutationObserver((r) => {
     for (const u of r) {
-      const c = u.target.querySelector(e);
-      c && o(c);
+      const c = u.target;
+      c.matches?.(e) && o(c);
     }
   });
   return t.observe(n, {
@@ -11,14 +11,16 @@ function i(e, o, n = document.body) {
     subtree: !0
   }), t;
 }
-function d(e, o = !0, n = document.body) {
-  return new Promise((t) => {
+function d(e, o) {
+  return new Promise((n) => {
+    const t = document.querySelector(e);
+    t && n(t);
     const r = i(
       e,
       (u) => {
-        o && r.disconnect(), t(u);
+        r.disconnect(), n(u);
       },
-      n
+      o
     );
   });
 }
@@ -38,21 +40,21 @@ function m(e, o = 500) {
     }, o);
   };
 }
-function b(e, o, ...n) {
+function f(e, o, ...n) {
   const t = document.createElement(e);
-  return Object.assign(t, o), t.append(...n), t;
+  return Array.isArray(o) ? t.append(...o) : (Object.assign(t, o), t.append(...n)), t;
 }
 function s(e) {
   return document.createTextNode(e);
 }
-function f() {
+function l() {
   return s("\xA0");
 }
 export {
   m as debounce,
   a as domReady,
-  b as el,
-  f as nbsp,
+  f as el,
+  l as nbsp,
   i as observeElement,
   s as text,
   d as waitObserveElement

package/dist/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../src/observeElement.ts","../src/waitObserveElement.ts","../src/domReady.ts","../src/debounce.ts","../src/html.ts"],"sourcesContent":["export function observeElement<T extends Element = Element>(\n  selector: string,\n  callback: (el: T) => void,\n  target = document.body\n): MutationObserver {\n  const observer = new MutationObserver((mutations) => {\n    for (const mutation of mutations) {\n      const el = (mutation.target as Element).querySelector(selector)\n      if (el) {\n        callback(el as T)\n      }\n    }\n  })\n\n  observer.observe(target, {\n    attributes: true,\n    childList: true,\n    subtree: true\n  })\n\n  return observer\n}\n","import { observeElement } from './observeElement.js'\n\nexport function waitObserveElement<T extends Element = Element>(\n  selector: string,\n  disconnect = true,\n  target = document.body\n): Promise<T> {\n  return new Promise((resolve) => {\n    const observer = observeElement<T>(\n      selector,\n      (el) => {\n        if (disconnect) {\n          observer.disconnect()\n        }\n\n        resolve(el)\n      },\n      target\n    )\n  })\n}\n","export async function domReady(): Promise<void> {\n  if (document.readyState == 'loading') {\n    return new Promise((resolve) => {\n      document.addEventListener('DOMContentLoaded', () => resolve(), {\n        once: true\n      })\n    })\n  }\n}\n","export function debounce<T extends (...args: any[]) => void>(\n  fn: T,\n  delay = 500\n): (this: ThisParameterType<T>, ...args: Parameters<T>) => void {\n  let timeoutId: ReturnType<typeof setTimeout>\n\n  return (...args) => {\n    if (timeoutId) {\n      clearTimeout(timeoutId)\n    }\n\n    timeoutId = setTimeout(() => {\n      fn(...args)\n    }, delay)\n  }\n}\n","// prettier-ignore\ntype Attributes<T extends keyof HTMLElementTagNameMap> = Partial<{\n  style: Partial<CSSStyleDeclaration>\n} & Omit<HTMLElementTagNameMap[T], 'style'>>\n\ntype Children = (string | Node | HTMLElement)[]\n\nexport function el<T extends keyof HTMLElementTagNameMap>(\n  tag: T,\n  attributes?: Attributes<T>,\n  ...children: Children\n): HTMLElementTagNameMap[T] {\n  const el = document.createElement(tag)\n  Object.assign(el, attributes)\n  el.append(...children)\n  return el\n}\n\nexport function text(str: string): Text {\n  return document.createTextNode(str)\n}\n\nexport function nbsp(): Text {\n  return text('\\u00a0')\n}\n"],"names":["observeElement","selector","callback","target","observer","mutations","mutation","el","waitObserveElement","disconnect","resolve","domReady","debounce","fn","delay","timeoutId","args","tag","attributes","children","text","str","nbsp"],"mappings":"AAAO,SAASA,EACdC,GACAC,GACAC,IAAS,SAAS,MACA;AAClB,QAAMC,IAAW,IAAI,iBAAiB,CAACC,MAAc;AACnD,eAAWC,KAAYD,GAAW;AAChC,YAAME,IAAMD,EAAS,OAAmB,cAAcL,CAAQ;AAC9D,MAAIM,KACFL,EAASK,CAAO;AAAA,IAEpB;AAAA,EAAA,CACD;AAED,SAAAH,EAAS,QAAQD,GAAQ;AAAA,IACvB,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,SAAS;AAAA,EAAA,CACV,GAEMC;AACT;ACnBO,SAASI,EACdP,GACAQ,IAAa,IACbN,IAAS,SAAS,MACN;AACL,SAAA,IAAI,QAAQ,CAACO,MAAY;AAC9B,UAAMN,IAAWJ;AAAA,MACfC;AAAA,MACA,CAACM,MAAO;AACN,QAAIE,KACFL,EAAS,WAAW,GAGtBM,EAAQH,CAAE;AAAA,MACZ;AAAA,MACAJ;AAAA,IAAA;AAAA,EACF,CACD;AACH;ACpBA,eAAsBQ,IAA0B;AAC1C,MAAA,SAAS,cAAc;AAClB,WAAA,IAAI,QAAQ,CAACD,MAAY;AAC9B,eAAS,iBAAiB,oBAAoB,MAAMA,EAAA,GAAW;AAAA,QAC7D,MAAM;AAAA,MAAA,CACP;AAAA,IAAA,CACF;AAEL;ACRgB,SAAAE,EACdC,GACAC,IAAQ,KACsD;AAC1D,MAAAC;AAEJ,SAAO,IAAIC,MAAS;AAClB,IAAID,KACF,aAAaA,CAAS,GAGxBA,IAAY,WAAW,MAAM;AAC3B,MAAAF,EAAG,GAAGG,CAAI;AAAA,OACTF,CAAK;AAAA,EAAA;AAEZ;ACRgB,SAAAP,EACdU,GACAC,MACGC,GACuB;AACpBZ,QAAAA,IAAK,SAAS,cAAcU,CAAG;AAC9B,gBAAA,OAAOV,GAAIW,CAAU,GAC5BX,EAAG,OAAO,GAAGY,CAAQ,GACdZ;AACT;AAEO,SAASa,EAAKC,GAAmB;AAC/B,SAAA,SAAS,eAAeA,CAAG;AACpC;AAEO,SAASC,IAAa;AAC3B,SAAOF,EAAK,MAAQ;AACtB;"}
+{"version":3,"file":"index.es.js","sources":["../src/observeElement.ts","../src/waitObserveElement.ts","../src/domReady.ts","../src/debounce.ts","../src/html.ts"],"sourcesContent":["export function observeElement<T extends Element = Element>(\n  selector: string,\n  callback: (el: T) => void,\n  target: Node = document.body\n): MutationObserver {\n  const observer = new MutationObserver((mutations) => {\n    for (const mutation of mutations) {\n      const el = mutation.target as T\n      if (el.matches?.(selector)) {\n        callback(el)\n      }\n    }\n  })\n\n  observer.observe(target, {\n    attributes: true,\n    childList: true,\n    subtree: true\n  })\n\n  return observer\n}\n","import { observeElement } from './observeElement.js'\n\nexport function waitObserveElement<T extends Element = Element>(\n  selector: string,\n  target?: Node\n): Promise<T> {\n  return new Promise((resolve) => {\n    const el = document.querySelector<T>(selector)\n    if (el) {\n      resolve(el)\n    }\n\n    const observer = observeElement<T>(\n      selector,\n      (el) => {\n        observer.disconnect()\n        resolve(el)\n      },\n      target\n    )\n  })\n}\n","export async function domReady(): Promise<void> {\n  if (document.readyState == 'loading') {\n    return new Promise((resolve) => {\n      document.addEventListener('DOMContentLoaded', () => resolve(), {\n        once: true\n      })\n    })\n  }\n}\n","export function debounce<T extends (...args: any[]) => void>(\n  fn: T,\n  delay = 500\n): (this: ThisParameterType<T>, ...args: Parameters<T>) => void {\n  let timeoutId: ReturnType<typeof setTimeout>\n\n  return (...args) => {\n    if (timeoutId) {\n      clearTimeout(timeoutId)\n    }\n\n    timeoutId = setTimeout(() => {\n      fn(...args)\n    }, delay)\n  }\n}\n","// prettier-ignore\ntype Attributes<T extends keyof HTMLElementTagNameMap> = Partial<{\n  style: Partial<CSSStyleDeclaration>\n} & Omit<HTMLElementTagNameMap[T], 'style'>>\n\ntype Children = (string | Node | HTMLElement)[]\n\nexport function el<T extends keyof HTMLElementTagNameMap>(\n  tag: T,\n  attributes?: Children | Attributes<T>,\n  ...children: Children\n): HTMLElementTagNameMap[T] {\n  const el = document.createElement(tag)\n  if (Array.isArray(attributes)) {\n    el.append(...attributes)\n  } else {\n    Object.assign(el, attributes)\n    el.append(...children)\n  }\n\n  return el\n}\n\nexport function text(str: string): Text {\n  return document.createTextNode(str)\n}\n\nexport function nbsp(): Text {\n  return text('\\u00a0')\n}\n"],"names":["observeElement","selector","callback","target","observer","mutations","mutation","el","waitObserveElement","resolve","domReady","debounce","fn","delay","timeoutId","args","tag","attributes","children","text","str","nbsp"],"mappings":"AAAO,SAASA,EACdC,GACAC,GACAC,IAAe,SAAS,MACN;AAClB,QAAMC,IAAW,IAAI,iBAAiB,CAACC,MAAc;AACnD,eAAWC,KAAYD,GAAW;AAChC,YAAME,IAAKD,EAAS;AAChB,MAAAC,EAAG,UAAUN,CAAQ,KACvBC,EAASK,CAAE;AAAA,IAEf;AAAA,EAAA,CACD;AAED,SAAAH,EAAS,QAAQD,GAAQ;AAAA,IACvB,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,SAAS;AAAA,EAAA,CACV,GAEMC;AACT;ACnBgB,SAAAI,EACdP,GACAE,GACY;AACL,SAAA,IAAI,QAAQ,CAACM,MAAY;AACxB,UAAAF,IAAK,SAAS,cAAiBN,CAAQ;AAC7C,IAAIM,KACFE,EAAQF,CAAE;AAGZ,UAAMH,IAAWJ;AAAA,MACfC;AAAA,MACA,CAACM,MAAO;AACN,QAAAH,EAAS,WAAW,GACpBK,EAAQF,CAAE;AAAA,MACZ;AAAA,MACAJ;AAAA,IAAA;AAAA,EACF,CACD;AACH;ACrBA,eAAsBO,IAA0B;AAC1C,MAAA,SAAS,cAAc;AAClB,WAAA,IAAI,QAAQ,CAACD,MAAY;AAC9B,eAAS,iBAAiB,oBAAoB,MAAMA,EAAA,GAAW;AAAA,QAC7D,MAAM;AAAA,MAAA,CACP;AAAA,IAAA,CACF;AAEL;ACRgB,SAAAE,EACdC,GACAC,IAAQ,KACsD;AAC1D,MAAAC;AAEJ,SAAO,IAAIC,MAAS;AAClB,IAAID,KACF,aAAaA,CAAS,GAGxBA,IAAY,WAAW,MAAM;AAC3B,MAAAF,EAAG,GAAGG,CAAI;AAAA,OACTF,CAAK;AAAA,EAAA;AAEZ;ACRgB,SAAAN,EACdS,GACAC,MACGC,GACuB;AACpBX,QAAAA,IAAK,SAAS,cAAcS,CAAG;AACjC,SAAA,MAAM,QAAQC,CAAU,IAC1BV,EAAG,OAAO,GAAGU,CAAU,KAEhB,OAAA,OAAOV,GAAIU,CAAU,GAC5BV,EAAG,OAAO,GAAGW,CAAQ,IAGhBX;AACT;AAEO,SAASY,EAAKC,GAAmB;AAC/B,SAAA,SAAS,eAAeA,CAAG;AACpC;AAEO,SAASC,IAAa;AAC3B,SAAOF,EAAK,MAAQ;AACtB;"}

package/dist/index.umd.js

@@ -1,2 +1,2 @@
-(function(e,r){typeof exports=="object"&&typeof module<"u"?r(exports):typeof define=="function"&&define.amd?define(["exports"],r):(e=typeof globalThis<"u"?globalThis:e||self,r(e["@zero-dependency/dom"]={}))})(this,function(e){"use strict";function r(t,u,o=document.body){const n=new MutationObserver(i=>{for(const d of i){const s=d.target.querySelector(t);s&&u(s)}});return n.observe(o,{attributes:!0,childList:!0,subtree:!0}),n}function f(t,u=!0,o=document.body){return new Promise(n=>{const i=r(t,d=>{u&&i.disconnect(),n(d)},o)})}async function m(){if(document.readyState=="loading")return new Promise(t=>{document.addEventListener("DOMContentLoaded",()=>t(),{once:!0})})}function a(t,u=500){let o;return(...n)=>{o&&clearTimeout(o),o=setTimeout(()=>{t(...n)},u)}}function l(t,u,...o){const n=document.createElement(t);return Object.assign(n,u),n.append(...o),n}function c(t){return document.createTextNode(t)}function b(){return c("\xA0")}e.debounce=a,e.domReady=m,e.el=l,e.nbsp=b,e.observeElement=r,e.text=c,e.waitObserveElement=f,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(e,i){typeof exports=="object"&&typeof module<"u"?i(exports):typeof define=="function"&&define.amd?define(["exports"],i):(e=typeof globalThis<"u"?globalThis:e||self,i(e["@zero-dependency/dom"]={}))})(this,function(e){"use strict";function i(n,u,o=document.body){const t=new MutationObserver(r=>{for(const d of r){const s=d.target;s.matches?.(n)&&u(s)}});return t.observe(o,{attributes:!0,childList:!0,subtree:!0}),t}function f(n,u){return new Promise(o=>{const t=document.querySelector(n);t&&o(t);const r=i(n,d=>{r.disconnect(),o(d)},u)})}async function m(){if(document.readyState=="loading")return new Promise(n=>{document.addEventListener("DOMContentLoaded",()=>n(),{once:!0})})}function a(n,u=500){let o;return(...t)=>{o&&clearTimeout(o),o=setTimeout(()=>{n(...t)},u)}}function l(n,u,...o){const t=document.createElement(n);return Array.isArray(u)?t.append(...u):(Object.assign(t,u),t.append(...o)),t}function c(n){return document.createTextNode(n)}function b(){return c("\xA0")}e.debounce=a,e.domReady=m,e.el=l,e.nbsp=b,e.observeElement=i,e.text=c,e.waitObserveElement=f,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
 //# sourceMappingURL=index.umd.js.map

package/dist/index.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.umd.js","sources":["../src/observeElement.ts","../src/waitObserveElement.ts","../src/domReady.ts","../src/debounce.ts","../src/html.ts"],"sourcesContent":["export function observeElement<T extends Element = Element>(\n  selector: string,\n  callback: (el: T) => void,\n  target = document.body\n): MutationObserver {\n  const observer = new MutationObserver((mutations) => {\n    for (const mutation of mutations) {\n      const el = (mutation.target as Element).querySelector(selector)\n      if (el) {\n        callback(el as T)\n      }\n    }\n  })\n\n  observer.observe(target, {\n    attributes: true,\n    childList: true,\n    subtree: true\n  })\n\n  return observer\n}\n","import { observeElement } from './observeElement.js'\n\nexport function waitObserveElement<T extends Element = Element>(\n  selector: string,\n  disconnect = true,\n  target = document.body\n): Promise<T> {\n  return new Promise((resolve) => {\n    const observer = observeElement<T>(\n      selector,\n      (el) => {\n        if (disconnect) {\n          observer.disconnect()\n        }\n\n        resolve(el)\n      },\n      target\n    )\n  })\n}\n","export async function domReady(): Promise<void> {\n  if (document.readyState == 'loading') {\n    return new Promise((resolve) => {\n      document.addEventListener('DOMContentLoaded', () => resolve(), {\n        once: true\n      })\n    })\n  }\n}\n","export function debounce<T extends (...args: any[]) => void>(\n  fn: T,\n  delay = 500\n): (this: ThisParameterType<T>, ...args: Parameters<T>) => void {\n  let timeoutId: ReturnType<typeof setTimeout>\n\n  return (...args) => {\n    if (timeoutId) {\n      clearTimeout(timeoutId)\n    }\n\n    timeoutId = setTimeout(() => {\n      fn(...args)\n    }, delay)\n  }\n}\n","// prettier-ignore\ntype Attributes<T extends keyof HTMLElementTagNameMap> = Partial<{\n  style: Partial<CSSStyleDeclaration>\n} & Omit<HTMLElementTagNameMap[T], 'style'>>\n\ntype Children = (string | Node | HTMLElement)[]\n\nexport function el<T extends keyof HTMLElementTagNameMap>(\n  tag: T,\n  attributes?: Attributes<T>,\n  ...children: Children\n): HTMLElementTagNameMap[T] {\n  const el = document.createElement(tag)\n  Object.assign(el, attributes)\n  el.append(...children)\n  return el\n}\n\nexport function text(str: string): Text {\n  return document.createTextNode(str)\n}\n\nexport function nbsp(): Text {\n  return text('\\u00a0')\n}\n"],"names":["observeElement","selector","callback","target","observer","mutations","mutation","el","waitObserveElement","disconnect","resolve","domReady","debounce","fn","delay","timeoutId","args","tag","attributes","children","text","str","nbsp"],"mappings":"+OAAO,SAASA,EACdC,EACAC,EACAC,EAAS,SAAS,KACA,CAClB,MAAMC,EAAW,IAAI,iBAAkBC,GAAc,CACnD,UAAWC,KAAYD,EAAW,CAChC,MAAME,EAAMD,EAAS,OAAmB,cAAcL,CAAQ,EAC1DM,GACFL,EAASK,CAAO,CAEpB,CAAA,CACD,EAED,OAAAH,EAAS,QAAQD,EAAQ,CACvB,WAAY,GACZ,UAAW,GACX,QAAS,EAAA,CACV,EAEMC,CACT,CCnBO,SAASI,EACdP,EACAQ,EAAa,GACbN,EAAS,SAAS,KACN,CACL,OAAA,IAAI,QAASO,GAAY,CAC9B,MAAMN,EAAWJ,EACfC,EACCM,GAAO,CACFE,GACFL,EAAS,WAAW,EAGtBM,EAAQH,CAAE,CACZ,EACAJ,CAAA,CACF,CACD,CACH,CCpBA,eAAsBQ,GAA0B,CAC1C,GAAA,SAAS,YAAc,UAClB,OAAA,IAAI,QAASD,GAAY,CAC9B,SAAS,iBAAiB,mBAAoB,IAAMA,EAAA,EAAW,CAC7D,KAAM,EAAA,CACP,CAAA,CACF,CAEL,CCRgB,SAAAE,EACdC,EACAC,EAAQ,IACsD,CAC1D,IAAAC,EAEJ,MAAO,IAAIC,IAAS,CACdD,GACF,aAAaA,CAAS,EAGxBA,EAAY,WAAW,IAAM,CAC3BF,EAAG,GAAGG,CAAI,GACTF,CAAK,CAAA,CAEZ,CCRgB,SAAAP,EACdU,EACAC,KACGC,EACuB,CACpBZ,MAAAA,EAAK,SAAS,cAAcU,CAAG,EAC9B,cAAA,OAAOV,EAAIW,CAAU,EAC5BX,EAAG,OAAO,GAAGY,CAAQ,EACdZ,CACT,CAEO,SAASa,EAAKC,EAAmB,CAC/B,OAAA,SAAS,eAAeA,CAAG,CACpC,CAEO,SAASC,GAAa,CAC3B,OAAOF,EAAK,MAAQ,CACtB"}
+{"version":3,"file":"index.umd.js","sources":["../src/observeElement.ts","../src/waitObserveElement.ts","../src/domReady.ts","../src/debounce.ts","../src/html.ts"],"sourcesContent":["export function observeElement<T extends Element = Element>(\n  selector: string,\n  callback: (el: T) => void,\n  target: Node = document.body\n): MutationObserver {\n  const observer = new MutationObserver((mutations) => {\n    for (const mutation of mutations) {\n      const el = mutation.target as T\n      if (el.matches?.(selector)) {\n        callback(el)\n      }\n    }\n  })\n\n  observer.observe(target, {\n    attributes: true,\n    childList: true,\n    subtree: true\n  })\n\n  return observer\n}\n","import { observeElement } from './observeElement.js'\n\nexport function waitObserveElement<T extends Element = Element>(\n  selector: string,\n  target?: Node\n): Promise<T> {\n  return new Promise((resolve) => {\n    const el = document.querySelector<T>(selector)\n    if (el) {\n      resolve(el)\n    }\n\n    const observer = observeElement<T>(\n      selector,\n      (el) => {\n        observer.disconnect()\n        resolve(el)\n      },\n      target\n    )\n  })\n}\n","export async function domReady(): Promise<void> {\n  if (document.readyState == 'loading') {\n    return new Promise((resolve) => {\n      document.addEventListener('DOMContentLoaded', () => resolve(), {\n        once: true\n      })\n    })\n  }\n}\n","export function debounce<T extends (...args: any[]) => void>(\n  fn: T,\n  delay = 500\n): (this: ThisParameterType<T>, ...args: Parameters<T>) => void {\n  let timeoutId: ReturnType<typeof setTimeout>\n\n  return (...args) => {\n    if (timeoutId) {\n      clearTimeout(timeoutId)\n    }\n\n    timeoutId = setTimeout(() => {\n      fn(...args)\n    }, delay)\n  }\n}\n","// prettier-ignore\ntype Attributes<T extends keyof HTMLElementTagNameMap> = Partial<{\n  style: Partial<CSSStyleDeclaration>\n} & Omit<HTMLElementTagNameMap[T], 'style'>>\n\ntype Children = (string | Node | HTMLElement)[]\n\nexport function el<T extends keyof HTMLElementTagNameMap>(\n  tag: T,\n  attributes?: Children | Attributes<T>,\n  ...children: Children\n): HTMLElementTagNameMap[T] {\n  const el = document.createElement(tag)\n  if (Array.isArray(attributes)) {\n    el.append(...attributes)\n  } else {\n    Object.assign(el, attributes)\n    el.append(...children)\n  }\n\n  return el\n}\n\nexport function text(str: string): Text {\n  return document.createTextNode(str)\n}\n\nexport function nbsp(): Text {\n  return text('\\u00a0')\n}\n"],"names":["observeElement","selector","callback","target","observer","mutations","mutation","el","waitObserveElement","resolve","domReady","debounce","fn","delay","timeoutId","args","tag","attributes","children","text","str","nbsp"],"mappings":"+OAAO,SAASA,EACdC,EACAC,EACAC,EAAe,SAAS,KACN,CAClB,MAAMC,EAAW,IAAI,iBAAkBC,GAAc,CACnD,UAAWC,KAAYD,EAAW,CAChC,MAAME,EAAKD,EAAS,OAChBC,EAAG,UAAUN,CAAQ,GACvBC,EAASK,CAAE,CAEf,CAAA,CACD,EAED,OAAAH,EAAS,QAAQD,EAAQ,CACvB,WAAY,GACZ,UAAW,GACX,QAAS,EAAA,CACV,EAEMC,CACT,CCnBgB,SAAAI,EACdP,EACAE,EACY,CACL,OAAA,IAAI,QAASM,GAAY,CACxB,MAAAF,EAAK,SAAS,cAAiBN,CAAQ,EACzCM,GACFE,EAAQF,CAAE,EAGZ,MAAMH,EAAWJ,EACfC,EACCM,GAAO,CACNH,EAAS,WAAW,EACpBK,EAAQF,CAAE,CACZ,EACAJ,CAAA,CACF,CACD,CACH,CCrBA,eAAsBO,GAA0B,CAC1C,GAAA,SAAS,YAAc,UAClB,OAAA,IAAI,QAASD,GAAY,CAC9B,SAAS,iBAAiB,mBAAoB,IAAMA,EAAA,EAAW,CAC7D,KAAM,EAAA,CACP,CAAA,CACF,CAEL,CCRgB,SAAAE,EACdC,EACAC,EAAQ,IACsD,CAC1D,IAAAC,EAEJ,MAAO,IAAIC,IAAS,CACdD,GACF,aAAaA,CAAS,EAGxBA,EAAY,WAAW,IAAM,CAC3BF,EAAG,GAAGG,CAAI,GACTF,CAAK,CAAA,CAEZ,CCRgB,SAAAN,EACdS,EACAC,KACGC,EACuB,CACpBX,MAAAA,EAAK,SAAS,cAAcS,CAAG,EACjC,OAAA,MAAM,QAAQC,CAAU,EAC1BV,EAAG,OAAO,GAAGU,CAAU,GAEhB,OAAA,OAAOV,EAAIU,CAAU,EAC5BV,EAAG,OAAO,GAAGW,CAAQ,GAGhBX,CACT,CAEO,SAASY,EAAKC,EAAmB,CAC/B,OAAA,SAAS,eAAeA,CAAG,CACpC,CAEO,SAASC,GAAa,CAC3B,OAAOF,EAAK,MAAQ,CACtB"}

package/dist/observeElement.d.ts

@@ -1 +1 @@
-export declare function observeElement<T extends Element = Element>(selector: string, callback: (el: T) => void, target?: HTMLElement): MutationObserver;
+export declare function observeElement<T extends Element = Element>(selector: string, callback: (el: T) => void, target?: Node): MutationObserver;

package/dist/waitObserveElement.d.ts

@@ -1 +1 @@
-export declare function waitObserveElement<T extends Element = Element>(selector: string, disconnect?: boolean, target?: HTMLElement): Promise<T>;
+export declare function waitObserveElement<T extends Element = Element>(selector: string, target?: Node): Promise<T>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zero-dependency/dom",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "type": "module",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.umd.js",