@dooboostore/dom-render 1.0.111 → 1.0.113

package/dist/esm/decorators/DomRenderNoProxy.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/decorators/DomRenderNoProxy.ts"],
-  "sourcesContent": ["import { ValidUtils } from '@dooboostore/core/valid/ValidUtils';\nimport {ReflectUtils} from \"@dooboostore/core/reflect/ReflectUtils\";\n\nexport const DomRenderNoProxyKey = 'DomRender:NoProxy'\nexport const DomRenderNoProxy = (target: any, propertyKey?: string | symbol) => {\n    ReflectUtils.defineMetadata(DomRenderNoProxyKey, true, target, propertyKey);\n    // \uD074\uB798\uC2A4 \uB370\uCF54\uB808\uC774\uD130\uB85C \uC0AC\uC6A9\uB41C \uACBD\uC6B0\n    // if (propertyKey === undefined) {\n    //   // target\uC740 \uD074\uB798\uC2A4 \uC0DD\uC131\uC790\n    //   Reflect.defineMetadata(DomRenderNoProxyKey, true, target);\n    //   return;\n    // }\n    //\n    // // \uD504\uB85C\uD37C\uD2F0 \uB370\uCF54\uB808\uC774\uD130\uB85C \uC0AC\uC6A9\uB41C \uACBD\uC6B0\n    // // target\uC740 \uD504\uB85C\uD1A0\uD0C0\uC785, propertyKey\uB294 \uD504\uB85C\uD37C\uD2F0 \uC774\uB984\n    // Reflect.defineMetadata(DomRenderNoProxyKey, true, target, propertyKey);\n};\n\nexport const getDomRenderNoProxy = (target: any, propertyKey?: string | symbol) => {\n  // if (ValidUtils.isNotNullUndefined(target)) {\n    return ReflectUtils.getMetadata(DomRenderNoProxyKey, target, propertyKey);\n    // \uD074\uB798\uC2A4 \uB370\uCF54\uB808\uC774\uD130\n    // if (propertyKey === undefined) {\n    //   return Reflect.getMetadata(DomRenderNoProxyKey, target);\n    // }\n    // // \uD504\uB85C\uD37C\uD2F0 \uB370\uCF54\uB808\uC774\uD130\n    // return Reflect.getMetadata(DomRenderNoProxyKey, target, propertyKey);\n  // } else {\n  //   return undefined;\n  // }\n}\n\nexport const isDomRenderNoProxy = (target: any, propertyKey?: string | symbol) => {\n  return ValidUtils.isNullOrUndefined(target) || getDomRenderNoProxy(target, propertyKey) === true;\n}"],
+  "sourcesContent": ["import { ValidUtils } from '@dooboostore/core';\nimport {ReflectUtils} from \"@dooboostore/core\";\n\nexport const DomRenderNoProxyKey = 'DomRender:NoProxy'\nexport const DomRenderNoProxy = (target: any, propertyKey?: string | symbol) => {\n    ReflectUtils.defineMetadata(DomRenderNoProxyKey, true, target, propertyKey);\n    // \uD074\uB798\uC2A4 \uB370\uCF54\uB808\uC774\uD130\uB85C \uC0AC\uC6A9\uB41C \uACBD\uC6B0\n    // if (propertyKey === undefined) {\n    //   // target\uC740 \uD074\uB798\uC2A4 \uC0DD\uC131\uC790\n    //   Reflect.defineMetadata(DomRenderNoProxyKey, true, target);\n    //   return;\n    // }\n    //\n    // // \uD504\uB85C\uD37C\uD2F0 \uB370\uCF54\uB808\uC774\uD130\uB85C \uC0AC\uC6A9\uB41C \uACBD\uC6B0\n    // // target\uC740 \uD504\uB85C\uD1A0\uD0C0\uC785, propertyKey\uB294 \uD504\uB85C\uD37C\uD2F0 \uC774\uB984\n    // Reflect.defineMetadata(DomRenderNoProxyKey, true, target, propertyKey);\n};\n\nexport const getDomRenderNoProxy = (target: any, propertyKey?: string | symbol) => {\n  // if (ValidUtils.isNotNullUndefined(target)) {\n    return ReflectUtils.getMetadata(DomRenderNoProxyKey, target, propertyKey);\n    // \uD074\uB798\uC2A4 \uB370\uCF54\uB808\uC774\uD130\n    // if (propertyKey === undefined) {\n    //   return Reflect.getMetadata(DomRenderNoProxyKey, target);\n    // }\n    // // \uD504\uB85C\uD37C\uD2F0 \uB370\uCF54\uB808\uC774\uD130\n    // return Reflect.getMetadata(DomRenderNoProxyKey, target, propertyKey);\n  // } else {\n  //   return undefined;\n  // }\n}\n\nexport const isDomRenderNoProxy = (target: any, propertyKey?: string | symbol) => {\n  return ValidUtils.isNullOrUndefined(target) || getDomRenderNoProxy(target, propertyKey) === true;\n}"],
   "mappings": "AAAA,SAAS,kBAAkB;AAC3B,SAAQ,oBAAmB;AAEpB,MAAM,sBAAsB;AAC5B,MAAM,mBAAmB,CAAC,QAAa,gBAAkC;AAC5E,eAAa,eAAe,qBAAqB,MAAM,QAAQ,WAAW;AAW9E;AAEO,MAAM,sBAAsB,CAAC,QAAa,gBAAkC;AAE/E,SAAO,aAAa,YAAY,qBAAqB,QAAQ,WAAW;AAU5E;AAEO,MAAM,qBAAqB,CAAC,QAAa,gBAAkC;AAChF,SAAO,WAAW,kBAAkB,MAAM,KAAK,oBAAoB,QAAQ,WAAW,MAAM;AAC9F;",
   "names": []
 }

package/dist/esm/events/EventManager.js

@@ -1,42 +1,19 @@
-import { ScriptUtils } from "@dooboostore/core-web/script/ScriptUtils";
-import { ElementUtils } from "@dooboostore/core-web/element/ElementUtils";
-import { Range } from "../iterators/Range.js";
+import { ScriptUtils } from "@dooboostore/core-web";
+import { ElementUtils } from "@dooboostore/core-web";
+import { Range } from "@dooboostore/core";
 import { getDomRenderConfig } from "../DomRenderProxy.js";
-import { ObjectUtils } from "@dooboostore/core/object/ObjectUtils";
+import { ObjectUtils } from "@dooboostore/core";
 const _EventManager = class _EventManager {
   constructor(window) {
     this.window = window;
-    this.eventNames = [
-      "click",
-      "mousedown",
-      "mouseup",
-      "dblclick",
-      "mouseover",
-      "mouseout",
-      "mousemove",
-      "mouseenter",
-      "mouseleave",
-      "contextmenu",
-      "keyup",
-      "keydown",
-      "keypress",
-      "toggle",
-      "change",
-      "input",
-      "submit",
-      "resize",
-      "focus",
-      "blur",
-      "close",
-      "cancel"
-    ];
+    this.eventNames = ["click", "mousedown", "mouseup", "dblclick", "mouseover", "mouseout", "mousemove", "mouseenter", "mouseleave", "contextmenu", "keyup", "keydown", "keypress", "toggle", "change", "input", "submit", "resize", "focus", "blur", "close", "cancel", "scroll"];
     this.delegatableEventMap = {
       mouseleave: "mouseout",
       mouseenter: "mouseover",
       focus: "focusin",
       blur: "focusout"
     };
-    this.directAttachEvents = /* @__PURE__ */ new Set(["close"]);
+    this.directAttachEvents = /* @__PURE__ */ new Set(["close", "scroll"]);
     this.bindScript = `
         const ${_EventManager.VALUE_VARNAME} = this.__render.value;
         const ${_EventManager.SCRIPTS_VARNAME} = this.__render.scripts;
@@ -249,11 +226,11 @@ const _EventManager = class _EventManager {
   findAttrElements(fragment, config) {
     const elements = /* @__PURE__ */ new Set();
     const addAttributes = config?.applyEvents?.map((it) => it.attrName) ?? [];
-    addAttributes.concat([..._EventManager.attrNames]).forEach((attrName) => {
-      fragment?.querySelectorAll(`[${attrName}]`).forEach((it) => {
-        elements.add(it);
-      });
-    });
+    const attrs = addAttributes.concat([..._EventManager.attrNames]).filter(Boolean);
+    if (attrs.length) {
+      const selector = attrs.map((a) => `[${a}]`).join(",");
+      fragment?.querySelectorAll(selector).forEach((it) => elements.add(it));
+    }
     return elements;
   }
   applyEvent(obj, childNodes, config) {
@@ -265,16 +242,25 @@ const _EventManager = class _EventManager {
     this.procAttr(childNodes, _EventManager.valueAttrName, (it, attribute) => {
       const script = attribute;
       if (script) {
-        const data = ScriptUtils.evaluateReturn(script, obj);
+        const data = ObjectUtils.Script.evaluateReturn(script, obj);
         if (it.value !== data) {
           it.value = data;
         }
       }
     });
+    this.procAttr(childNodes, _EventManager.srcAttrName, (it, attribute) => {
+      const script = attribute;
+      if (script) {
+        const data = ObjectUtils.Script.evaluateReturn(script, obj);
+        if (it.src !== data) {
+          it.src = data;
+        }
+      }
+    });
     this.procAttr(childNodes, _EventManager.checkedAttrName, (it, attribute) => {
       const script = attribute;
       if (script) {
-        const data = ScriptUtils.evaluateReturn(script, obj);
+        const data = ObjectUtils.Script.evaluateReturn(script, obj);
         if (it.checked !== data) {
           it.checked = data;
         }
@@ -283,7 +269,12 @@ const _EventManager = class _EventManager {
     this.procAttr(childNodes, _EventManager.selectedAttrName, (it, attribute) => {
       const script = attribute;
       if (script) {
-        const data = ScriptUtils.evaluateReturn(script, obj);
+        const data = ObjectUtils.Script.evaluateReturn(script, obj);
+        if (data) {
+          it.setAttribute("selected", "selected");
+        } else {
+          it.removeAttribute("selected");
+        }
         if (it.selected !== data) {
           it.selected = data;
         }
@@ -292,7 +283,12 @@ const _EventManager = class _EventManager {
     this.procAttr(childNodes, _EventManager.readonlyAttrName, (it, attribute) => {
       const script = attribute;
       if (script) {
-        const data = ScriptUtils.evaluateReturn(script, obj);
+        const data = ObjectUtils.Script.evaluateReturn(script, obj);
+        if (data) {
+          it.setAttribute("readonly", "readonly");
+        } else {
+          it.removeAttribute("readonly");
+        }
         if (it.readOnly !== data) {
           it.readOnly = data;
         }
@@ -301,7 +297,12 @@ const _EventManager = class _EventManager {
     this.procAttr(childNodes, _EventManager.disabledAttrName, (it, attribute) => {
       const script = attribute;
       if (script) {
-        const data = ScriptUtils.evaluateReturn(script, obj);
+        const data = ObjectUtils.Script.evaluateReturn(script, obj);
+        if (data) {
+          it.setAttribute("disabled", "disabled");
+        } else {
+          it.removeAttribute("disabled");
+        }
         if (it.disabled !== data) {
           it.disabled = data;
         }
@@ -310,7 +311,12 @@ const _EventManager = class _EventManager {
     this.procAttr(childNodes, _EventManager.hiddenAttrName, (it, attribute) => {
       const script = attribute;
       if (script) {
-        const data = ScriptUtils.evaluateReturn(script, obj);
+        const data = ObjectUtils.Script.evaluateReturn(script, obj);
+        if (data) {
+          it.setAttribute("hidden", "hidden");
+        } else {
+          it.removeAttribute("hidden");
+        }
         if (it.hidden !== data) {
           it.hidden = data;
         }
@@ -319,7 +325,12 @@ const _EventManager = class _EventManager {
     this.procAttr(childNodes, _EventManager.requiredAttrName, (it, attribute) => {
       const script = attribute;
       if (script) {
-        const data = ScriptUtils.evaluateReturn(script, obj);
+        const data = ObjectUtils.Script.evaluateReturn(script, obj);
+        if (data) {
+          it.setAttribute("required", "required");
+        } else {
+          it.removeAttribute("required");
+        }
         if (it.required !== data) {
           it.required = data;
         }
@@ -328,7 +339,12 @@ const _EventManager = class _EventManager {
     this.procAttr(childNodes, _EventManager.openAttrName, (it, attribute) => {
       const script = attribute;
       if (script) {
-        const data = ScriptUtils.evaluateReturn(script, obj);
+        const data = ObjectUtils.Script.evaluateReturn(script, obj);
+        if (data) {
+          it.setAttribute("open", "open");
+        } else {
+          it.removeAttribute("open");
+        }
         if (it.open !== data) {
           it.open = data;
         }
@@ -353,13 +369,16 @@ const _EventManager = class _EventManager {
           });
           script = targetScript;
         }
-        const data = ObjectUtils.Script.evaluate(`const $element = this.element;  return ${script}`, Object.assign(obj, {
-          __render: Object.freeze({
-            element: it,
-            attribute: ElementUtils.getAttributeToObject(it)
+        const data = ObjectUtils.Script.evaluate(
+          `const $element = this.element;  return ${script}`,
+          Object.assign(obj, {
+            __render: Object.freeze({
+              element: it,
+              attribute: ElementUtils.getAttributeToObject(it)
+            })
           })
-        }));
-        if (data === null) {
+        );
+        if (data === null || data === void 0) {
           it.removeAttribute(k);
         } else {
           it.setAttribute(k, data);
@@ -378,19 +397,19 @@ const _EventManager = class _EventManager {
           const mapScript = it.getAttribute(`${linkInfo.name}:map`);
           let bindObj = obj;
           if (ownerVariablePathName) {
-            bindObj = ScriptUtils.evaluateReturn(ownerVariablePathName, obj);
+            bindObj = ObjectUtils.Script.evaluateReturn(ownerVariablePathName, obj);
           }
           const getValue = this.getValue(obj, varName, bindObj);
           if (typeof getValue === "function" && getValue) {
             let setValue = it[linkInfo.property];
             if (mapScript) {
-              setValue = ScriptUtils.evaluate(`${this.getBindScript(config)} return ${mapScript}`, Object.assign(bindObj, { __render: Object.freeze({ element: it, target: bindObj, range: Range.range, value: setValue, scripts: _EventManager.setBindProperty(config?.scripts, obj), ...config?.eventVariables }) }));
+              setValue = ObjectUtils.Script.evaluate(`${this.getBindScript(config)} return ${mapScript}`, Object.assign(bindObj, { __render: Object.freeze({ element: it, target: bindObj, range: Range.range, value: setValue, scripts: _EventManager.setBindProperty(config?.scripts, obj), ...config?.eventVariables }) }));
             }
             getValue(setValue);
           } else if (getValue) {
             let setValue = getValue;
             if (mapScript) {
-              setValue = ScriptUtils.evaluate(`${this.getBindScript(config)} return ${mapScript}`, Object.assign(bindObj, { __render: Object.freeze({ element: it, target: bindObj, range: Range.range, value: setValue, scripts: _EventManager.setBindProperty(config?.scripts, obj), ...config?.eventVariables }) }));
+              setValue = ObjectUtils.Script.evaluate(`${this.getBindScript(config)} return ${mapScript}`, Object.assign(bindObj, { __render: Object.freeze({ element: it, target: bindObj, range: Range.range, value: setValue, scripts: _EventManager.setBindProperty(config?.scripts, obj), ...config?.eventVariables }) }));
             }
             if (setValue === null) {
               it.removeAttribute(linkInfo.property);
@@ -413,10 +432,10 @@ const _EventManager = class _EventManager {
           const filterScript = element.getAttribute(`${attr}:filter`);
           let filter = true;
           if (filterScript) {
-            filter = ScriptUtils.evaluate(`${this.getBindScript(config)} return ${filterScript}`, context) ?? false;
+            filter = ObjectUtils.Script.evaluate(`${this.getBindScript(config)} return ${filterScript}`, context) ?? false;
           }
           if (filter) {
-            ScriptUtils.evaluate(`${this.getBindScript(config)} ${script}`, context);
+            ObjectUtils.Script.evaluate(`${this.getBindScript(config)} ${script}`, context);
           }
         };
         element.addEventListener(eventName, handler);
@@ -428,13 +447,16 @@ const _EventManager = class _EventManager {
         script = "return " + script;
       }
       if (script) {
-        ScriptUtils.evaluate(`${this.getBindScript(config)}; ${script} `, Object.assign(obj, {
-          __render: Object.freeze({
-            element: it,
-            attribute: ElementUtils.getAttributeToObject(it),
-            ...config?.eventVariables
+        ObjectUtils.Script.evaluate(
+          `${this.getBindScript(config)}; ${script} `,
+          Object.assign(obj, {
+            __render: Object.freeze({
+              element: it,
+              attribute: ElementUtils.getAttributeToObject(it),
+              ...config?.eventVariables
+            })
           })
-        }));
+        );
       }
     });
     this.onRenderedEvent(obj, childNodes, config);
@@ -454,13 +476,16 @@ const _EventManager = class _EventManager {
         script = "return " + script;
       }
       if (script) {
-        ScriptUtils.evaluate(`${this.getBindScript(config)}; ${script} `, Object.assign(obj, {
-          __render: Object.freeze({
-            element: it,
-            attribute: ElementUtils.getAttributeToObject(it),
-            ...config?.eventVariables
+        ObjectUtils.Script.evaluate(
+          `${this.getBindScript(config)}; ${script} `,
+          Object.assign(obj, {
+            __render: Object.freeze({
+              element: it,
+              attribute: ElementUtils.getAttributeToObject(it),
+              ...config?.eventVariables
+            })
           })
-        }));
+        );
       }
     });
   }
@@ -471,12 +496,15 @@ const _EventManager = class _EventManager {
         script = "return " + script;
       }
       if (_EventManager.isUsingThisVar(script, varName) || varName === void 0) {
-        const data = ScriptUtils.evaluate(`const $element = this.__render.element;  ${script} `, Object.assign(obj, {
-          __render: Object.freeze({
-            element: it,
-            attribute: ElementUtils.getAttributeToObject(it)
+        const data = ObjectUtils.Script.evaluate(
+          `const $element = this.__render.element;  ${script} `,
+          Object.assign(obj, {
+            __render: Object.freeze({
+              element: it,
+              attribute: ElementUtils.getAttributeToObject(it)
+            })
           })
-        }));
+        );
         if (typeof data === "string") {
           data.split(";").forEach((sit) => {
             const [key, value] = sit.split(":").map((s) => s.trim());
@@ -491,7 +519,7 @@ const _EventManager = class _EventManager {
               it.style[key] = value;
             }
           });
-        } else {
+        } else if (data) {
           for (const [key, value] of Object.entries(data)) {
             it.style[key] = value === null ? null : String(value);
           }
@@ -504,31 +532,83 @@ const _EventManager = class _EventManager {
         script = "return " + script;
       }
       if (_EventManager.isUsingThisVar(script, varName) || varName === void 0) {
-        const data = ScriptUtils.evaluate(`const $element = this.element;  ${script} `, Object.assign(obj, {
-          __render: Object.freeze({
-            element: it,
-            attribute: ElementUtils.getAttributeToObject(it)
+        const data = ObjectUtils.Script.evaluate(
+          `const $element = this.element;  ${script} `,
+          Object.assign(obj, {
+            __render: Object.freeze({
+              element: it,
+              attribute: ElementUtils.getAttributeToObject(it)
+            })
           })
-        }));
+        );
         if (typeof data === "string") {
-          data.split(" ").forEach((cit) => it.classList.add(cit.trim()));
+          data.split(" ").map((it2) => it2.trim()).filter((it2) => it2.length > 0).forEach((cit) => it.classList.add(cit.trim()));
         } else if (Array.isArray(data)) {
-          data.forEach((cit) => it.classList.add(cit.trim()));
-        } else {
+          data.map((it2) => it2.trim()).filter((it2) => it2.length > 0).forEach((cit) => it.classList.add(cit.trim()));
+        } else if (data) {
           for (const [key, value] of Object.entries(data)) {
             if (it instanceof HTMLElement) {
-              if (value) {
-                it.classList.add(key.trim());
-              } else {
-                it.classList.remove(key.trim());
+              const v = key.trim();
+              if (value && v) {
+                it.classList.add(v);
+              } else if (v) {
+                it.classList.remove(v);
               }
             }
           }
         }
       }
     });
+    this.procAttr(elements, _EventManager.valueAttrName, (it, attribute) => {
+      if (_EventManager.isUsingThisVar(attribute, varName) || varName === void 0) {
+        const data = ObjectUtils.Script.evaluateReturn(attribute, obj);
+        if (it.value !== data) it.value = data;
+      }
+    });
+    this.procAttr(elements, _EventManager.checkedAttrName, (it, attribute) => {
+      if (_EventManager.isUsingThisVar(attribute, varName) || varName === void 0) {
+        const data = ObjectUtils.Script.evaluateReturn(attribute, obj);
+        if (it.checked !== data) it.checked = data;
+      }
+    });
+    this.procAttr(elements, _EventManager.selectedAttrName, (it, attribute) => {
+      if (_EventManager.isUsingThisVar(attribute, varName) || varName === void 0) {
+        const data = ObjectUtils.Script.evaluateReturn(attribute, obj);
+        if (it.selected !== data) it.selected = data;
+      }
+    });
+    this.procAttr(elements, _EventManager.readonlyAttrName, (it, attribute) => {
+      if (_EventManager.isUsingThisVar(attribute, varName) || varName === void 0) {
+        const data = ObjectUtils.Script.evaluateReturn(attribute, obj);
+        if (it.readOnly !== data) it.readOnly = data;
+      }
+    });
+    this.procAttr(elements, _EventManager.disabledAttrName, (it, attribute) => {
+      if (_EventManager.isUsingThisVar(attribute, varName) || varName === void 0) {
+        const data = ObjectUtils.Script.evaluateReturn(attribute, obj);
+        if (it.disabled !== data) it.disabled = data;
+      }
+    });
+    this.procAttr(elements, _EventManager.hiddenAttrName, (it, attribute) => {
+      if (_EventManager.isUsingThisVar(attribute, varName) || varName === void 0) {
+        const data = ObjectUtils.Script.evaluateReturn(attribute, obj);
+        if (it.hidden !== data) it.hidden = data;
+      }
+    });
+    this.procAttr(elements, _EventManager.requiredAttrName, (it, attribute) => {
+      if (_EventManager.isUsingThisVar(attribute, varName) || varName === void 0) {
+        const data = ObjectUtils.Script.evaluateReturn(attribute, obj);
+        if (it.required !== data) it.required = data;
+      }
+    });
+    this.procAttr(elements, _EventManager.openAttrName, (it, attribute) => {
+      if (_EventManager.isUsingThisVar(attribute, varName) || varName === void 0) {
+        const data = ObjectUtils.Script.evaluateReturn(attribute, obj);
+        if (it.open !== data) it.open = data;
+      }
+    });
   }
-  procAttr(elements = /* @__PURE__ */ new Set(), attrName, callBack) {
+  deepAttributeElements(elements = /* @__PURE__ */ new Set(), attrName) {
     const sets = /* @__PURE__ */ new Set();
     elements.forEach((it) => {
       if (!it) {
@@ -536,12 +616,18 @@ const _EventManager = class _EventManager {
       }
       if (it.nodeType === 1) {
         const e = it;
-        sets.add(e);
+        if (e.hasAttribute(attrName)) {
+          sets.add(e);
+        }
         e.querySelectorAll(`[${attrName}]`).forEach((it2) => {
           sets.add(it2);
         });
       }
     });
+    return sets;
+  }
+  procAttr(elements = /* @__PURE__ */ new Set(), attrName, callBack) {
+    const sets = this.deepAttributeElements(elements, attrName);
     sets.forEach((it) => {
       const attr = it.getAttribute(attrName);
       const attrs = ElementUtils.getAttributeToObject(it);
@@ -559,20 +645,27 @@ const _EventManager = class _EventManager {
   }
   setValue(obj, name, value) {
     name = name.replaceAll("this.", "this.this.");
-    ScriptUtils.evaluate(`${name} = this.value;`, {
+    ObjectUtils.Script.evaluate(`${name} = this.value;`, {
       this: obj,
       value
     });
   }
+  static decodeScriptVar(raws) {
+    if (raws) {
+      _EventManager.VARNAMES.forEach((it) => {
+        raws = raws.replace(RegExp(it.replace("$", "\\$"), "g"), `this.___${it}`);
+      });
+      return raws;
+    }
+    return void 0;
+  }
   static isUsingThisVar(raws, varName) {
+    raws = _EventManager.decodeScriptVar(raws);
     if (varName && raws) {
       if (varName.startsWith("this.")) {
         varName = varName.replace(/this\./, "");
       }
-      _EventManager.VARNAMES.forEach((it) => {
-        raws = raws.replace(RegExp(it.replace("$", "\\$"), "g"), `this.___${it}`);
-      });
-      const variablePaths = ObjectUtils.Path.detectPathFromScript(raws ?? "", { excludeThis: true });
+      const variablePaths = ObjectUtils.Path.detectPathFromScript(raws, { excludeThis: true });
       return variablePaths.has(varName);
     }
     return false;
@@ -604,6 +697,7 @@ _EventManager.ownerVariablePathAttrName = _EventManager.attrPrefix + "owner-vari
 _EventManager.eventParam = _EventManager.attrPrefix + "event";
 _EventManager.onInitAttrName = _EventManager.attrPrefix + "on-init";
 _EventManager.valueAttrName = _EventManager.attrPrefix + "value";
+_EventManager.srcAttrName = _EventManager.attrPrefix + "src";
 _EventManager.checkedAttrName = _EventManager.attrPrefix + "checked";
 _EventManager.selectedAttrName = _EventManager.attrPrefix + "selected";
 _EventManager.readonlyAttrName = _EventManager.attrPrefix + "readonly";
@@ -652,27 +746,10 @@ _EventManager.NEAR_THIS_PATH_VARNAME = "$nearThisPath";
 _EventManager.VARNAMES = [_EventManager.SCRIPTS_VARNAME, _EventManager.FAG_VARNAME, _EventManager.RAWSET_VARNAME, _EventManager.RANGE_VARNAME, _EventManager.ROUTER_VARNAME, _EventManager.ELEMENT_VARNAME, _EventManager.TARGET_VARNAME, _EventManager.EVENT_VARNAME, _EventManager.COMPONENT_VARNAME, _EventManager.INNERHTML_VARNAME, _EventManager.ATTRIBUTE_VARNAME, _EventManager.ATTRIBUTE_VARNAME, _EventManager.CREATOR_META_DATA_VARNAME, _EventManager.PARENT_THIS_PATH_VARNAME, _EventManager.PARENT_THIS_VARNAME];
 _EventManager.WINDOW_EVENT_POPSTATE = "popstate";
 _EventManager.WINDOW_EVENT_RESIZE = "resize";
-_EventManager.WINDOW_EVENTS = [_EventManager.WINDOW_EVENT_POPSTATE, _EventManager.WINDOW_EVENT_RESIZE];
+_EventManager.WINDOW_EVENT_SCROLL = "scroll";
+_EventManager.WINDOW_EVENTS = [_EventManager.WINDOW_EVENT_POPSTATE, _EventManager.WINDOW_EVENT_RESIZE, _EventManager.WINDOW_EVENT_SCROLL];
 _EventManager.noDetectAttr = [_EventManager.normalAttrMapAttrName];
-_EventManager.attrNames = [
-  _EventManager.valueAttrName,
-  _EventManager.checkedAttrName,
-  _EventManager.selectedAttrName,
-  _EventManager.readonlyAttrName,
-  _EventManager.disabledAttrName,
-  _EventManager.hiddenAttrName,
-  _EventManager.requiredAttrName,
-  _EventManager.openAttrName,
-  _EventManager.attrAttrName,
-  _EventManager.normalAttrMapAttrName,
-  _EventManager.styleAttrName,
-  _EventManager.classAttrName,
-  _EventManager.attrPrefix + "window-event-" + _EventManager.WINDOW_EVENT_POPSTATE,
-  _EventManager.attrPrefix + "window-event-" + _EventManager.WINDOW_EVENT_RESIZE,
-  _EventManager.onInitAttrName,
-  ..._EventManager.linkAttrs.map((it) => it.name),
-  _EventManager.eventParam
-];
+_EventManager.attrNames = [_EventManager.valueAttrName, _EventManager.srcAttrName, _EventManager.checkedAttrName, _EventManager.selectedAttrName, _EventManager.readonlyAttrName, _EventManager.disabledAttrName, _EventManager.hiddenAttrName, _EventManager.requiredAttrName, _EventManager.openAttrName, _EventManager.attrAttrName, _EventManager.normalAttrMapAttrName, _EventManager.styleAttrName, _EventManager.classAttrName, _EventManager.attrPrefix + "window-event-" + _EventManager.WINDOW_EVENT_POPSTATE, _EventManager.attrPrefix + "window-event-" + _EventManager.WINDOW_EVENT_RESIZE, _EventManager.attrPrefix + "window-event-" + _EventManager.WINDOW_EVENT_SCROLL, _EventManager.onInitAttrName, ..._EventManager.linkAttrs.map((it) => it.name), _EventManager.eventParam];
 let EventManager = _EventManager;
 export {
   EventManager