npm - @dooboostore/dom-render - Versions diffs - 1.0.111 → 1.0.113 - Mend

@dooboostore/dom-render 1.0.111 → 1.0.113

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1461) hide show

package/dist/cjs/events/EventManager.js CHANGED Viewed

@@ -20,45 +20,22 @@ __export(EventManager_exports, {
   EventManager: () => EventManager
 });
 module.exports = __toCommonJS(EventManager_exports);
-var import_ScriptUtils = require("@dooboostore/core-web/script/ScriptUtils");
-var import_ElementUtils = require("@dooboostore/core-web/element/ElementUtils");
-var import_Range = require("../iterators/Range");
+var import_core_web = require("@dooboostore/core-web");
+var import_core_web2 = require("@dooboostore/core-web");
+var import_core = require("@dooboostore/core");
 var import_DomRenderProxy = require("../DomRenderProxy");
-var import_ObjectUtils = require("@dooboostore/core/object/ObjectUtils");
+var import_core2 = require("@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;
@@ -83,7 +60,7 @@ const _EventManager = class _EventManager {
             if (script) {
               const obj = this.findComponentInstance(it);
               const config = (0, import_DomRenderProxy.getDomRenderConfig)(obj);
-              import_ScriptUtils.ScriptUtils.evaluate(`${this.bindScript} ${script} `, this.createExecutionContext(event, it, obj, config));
+              import_core_web.ScriptUtils.evaluate(`${this.bindScript} ${script} `, this.createExecutionContext(event, it, obj, config));
             }
           });
         });
@@ -193,9 +170,9 @@ const _EventManager = class _EventManager {
         event,
         element,
         target: event.target,
-        attribute: import_ElementUtils.ElementUtils.getAttributeToObject(element),
+        attribute: import_core_web2.ElementUtils.getAttributeToObject(element),
         router: config?.router,
-        range: import_Range.Range.range,
+        range: import_core.Range.range,
         scripts: _EventManager.setBindProperty(config?.scripts, componentInstance),
         ...config?.eventVariables,
         ...extraVars
@@ -218,13 +195,13 @@ const _EventManager = class _EventManager {
         const ownerVariablePath = element.getAttribute(_EventManager.ownerVariablePathAttrName);
         let bindObj = componentInstance;
         if (ownerVariablePath) {
-          bindObj = import_ScriptUtils.ScriptUtils.evaluateReturn(ownerVariablePath, componentInstance);
+          bindObj = import_core_web.ScriptUtils.evaluateReturn(ownerVariablePath, componentInstance);
         }
         const mapScript = element.getAttribute(`${attr}:map`);
         let value = element[handler.property];
         if (mapScript) {
           const context2 = this.createExecutionContext(event, element, bindObj, config, { value });
-          value = import_ScriptUtils.ScriptUtils.evaluate(`return ${mapScript}`, context2);
+          value = import_core_web.ScriptUtils.evaluate(`return ${mapScript}`, context2);
         }
         if (typeof this.getValue(componentInstance, varName, bindObj) === "function") {
           this.getValue(componentInstance, varName, bindObj)(value, event);
@@ -245,7 +222,7 @@ const _EventManager = class _EventManager {
         const filterScript = element.getAttribute(`${attr}:filter`);
         let filter = true;
         if (filter) {
-          import_ScriptUtils.ScriptUtils.evaluate(`${this.getBindScript(config)} ${script}`, context);
+          import_core_web.ScriptUtils.evaluate(`${this.getBindScript(config)} ${script}`, context);
         }
         break;
       case "event-param":
@@ -257,25 +234,25 @@ const _EventManager = class _EventManager {
             return;
           }
         }
-        const attributes = import_ElementUtils.ElementUtils.getAttributeToObject(element);
+        const attributes = import_core_web2.ElementUtils.getAttributeToObject(element);
         const params = {};
         const prefix = attr + ":";
         Object.entries(attributes).filter(([k, v]) => k.startsWith(prefix)).forEach(([k, v]) => {
           params[k.slice(prefix.length)] = v;
         });
         const paramContext = this.createExecutionContext(event, element, componentInstance, config, { params });
-        import_ScriptUtils.ScriptUtils.evaluate(`${this.getBindScript(config)} ${paramScript}`, paramContext);
+        import_core_web.ScriptUtils.evaluate(`${this.getBindScript(config)} ${paramScript}`, paramContext);
         break;
     }
   }
   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) {
@@ -287,16 +264,25 @@ const _EventManager = class _EventManager {
     this.procAttr(childNodes, _EventManager.valueAttrName, (it, attribute) => {
       const script = attribute;
       if (script) {
-        const data = import_ScriptUtils.ScriptUtils.evaluateReturn(script, obj);
+        const data = import_core2.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 = import_core2.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 = import_ScriptUtils.ScriptUtils.evaluateReturn(script, obj);
+        const data = import_core2.ObjectUtils.Script.evaluateReturn(script, obj);
         if (it.checked !== data) {
           it.checked = data;
         }
@@ -305,7 +291,12 @@ const _EventManager = class _EventManager {
     this.procAttr(childNodes, _EventManager.selectedAttrName, (it, attribute) => {
       const script = attribute;
       if (script) {
-        const data = import_ScriptUtils.ScriptUtils.evaluateReturn(script, obj);
+        const data = import_core2.ObjectUtils.Script.evaluateReturn(script, obj);
+        if (data) {
+          it.setAttribute("selected", "selected");
+        } else {
+          it.removeAttribute("selected");
+        }
         if (it.selected !== data) {
           it.selected = data;
         }
@@ -314,7 +305,12 @@ const _EventManager = class _EventManager {
     this.procAttr(childNodes, _EventManager.readonlyAttrName, (it, attribute) => {
       const script = attribute;
       if (script) {
-        const data = import_ScriptUtils.ScriptUtils.evaluateReturn(script, obj);
+        const data = import_core2.ObjectUtils.Script.evaluateReturn(script, obj);
+        if (data) {
+          it.setAttribute("readonly", "readonly");
+        } else {
+          it.removeAttribute("readonly");
+        }
         if (it.readOnly !== data) {
           it.readOnly = data;
         }
@@ -323,7 +319,12 @@ const _EventManager = class _EventManager {
     this.procAttr(childNodes, _EventManager.disabledAttrName, (it, attribute) => {
       const script = attribute;
       if (script) {
-        const data = import_ScriptUtils.ScriptUtils.evaluateReturn(script, obj);
+        const data = import_core2.ObjectUtils.Script.evaluateReturn(script, obj);
+        if (data) {
+          it.setAttribute("disabled", "disabled");
+        } else {
+          it.removeAttribute("disabled");
+        }
         if (it.disabled !== data) {
           it.disabled = data;
         }
@@ -332,7 +333,12 @@ const _EventManager = class _EventManager {
     this.procAttr(childNodes, _EventManager.hiddenAttrName, (it, attribute) => {
       const script = attribute;
       if (script) {
-        const data = import_ScriptUtils.ScriptUtils.evaluateReturn(script, obj);
+        const data = import_core2.ObjectUtils.Script.evaluateReturn(script, obj);
+        if (data) {
+          it.setAttribute("hidden", "hidden");
+        } else {
+          it.removeAttribute("hidden");
+        }
         if (it.hidden !== data) {
           it.hidden = data;
         }
@@ -341,7 +347,12 @@ const _EventManager = class _EventManager {
     this.procAttr(childNodes, _EventManager.requiredAttrName, (it, attribute) => {
       const script = attribute;
       if (script) {
-        const data = import_ScriptUtils.ScriptUtils.evaluateReturn(script, obj);
+        const data = import_core2.ObjectUtils.Script.evaluateReturn(script, obj);
+        if (data) {
+          it.setAttribute("required", "required");
+        } else {
+          it.removeAttribute("required");
+        }
         if (it.required !== data) {
           it.required = data;
         }
@@ -350,7 +361,12 @@ const _EventManager = class _EventManager {
     this.procAttr(childNodes, _EventManager.openAttrName, (it, attribute) => {
       const script = attribute;
       if (script) {
-        const data = import_ScriptUtils.ScriptUtils.evaluateReturn(script, obj);
+        const data = import_core2.ObjectUtils.Script.evaluateReturn(script, obj);
+        if (data) {
+          it.setAttribute("open", "open");
+        } else {
+          it.removeAttribute("open");
+        }
         if (it.open !== data) {
           it.open = data;
         }
@@ -364,24 +380,27 @@ const _EventManager = class _EventManager {
         let script;
         if (v.isStringTemplate) {
           variablePaths.forEach((it2) => {
-            let r = import_ObjectUtils.ObjectUtils.Path.toOptionalChainPath(it2.inner);
+            let r = import_core2.ObjectUtils.Path.toOptionalChainPath(it2.inner);
             targetScript = targetScript.replaceAll(it2.origin, `\${${r}}`);
           });
           script = "`" + targetScript + "`";
         } else {
           variablePaths.forEach((it2) => {
-            let r = import_ObjectUtils.ObjectUtils.Path.toOptionalChainPath(it2.inner);
+            let r = import_core2.ObjectUtils.Path.toOptionalChainPath(it2.inner);
             targetScript = targetScript.replaceAll(it2.origin, `${r}`);
           });
           script = targetScript;
         }
-        const data = import_ObjectUtils.ObjectUtils.Script.evaluate(`const $element = this.element;  return ${script}`, Object.assign(obj, {
-          __render: Object.freeze({
-            element: it,
-            attribute: import_ElementUtils.ElementUtils.getAttributeToObject(it)
+        const data = import_core2.ObjectUtils.Script.evaluate(
+          `const $element = this.element;  return ${script}`,
+          Object.assign(obj, {
+            __render: Object.freeze({
+              element: it,
+              attribute: import_core_web2.ElementUtils.getAttributeToObject(it)
+            })
           })
-        }));
-        if (data === null) {
+        );
+        if (data === null || data === void 0) {
           it.removeAttribute(k);
         } else {
           it.setAttribute(k, data);
@@ -400,19 +419,19 @@ const _EventManager = class _EventManager {
           const mapScript = it.getAttribute(`${linkInfo.name}:map`);
           let bindObj = obj;
           if (ownerVariablePathName) {
-            bindObj = import_ScriptUtils.ScriptUtils.evaluateReturn(ownerVariablePathName, obj);
+            bindObj = import_core2.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 = import_ScriptUtils.ScriptUtils.evaluate(`${this.getBindScript(config)} return ${mapScript}`, Object.assign(bindObj, { __render: Object.freeze({ element: it, target: bindObj, range: import_Range.Range.range, value: setValue, scripts: _EventManager.setBindProperty(config?.scripts, obj), ...config?.eventVariables }) }));
+              setValue = import_core2.ObjectUtils.Script.evaluate(`${this.getBindScript(config)} return ${mapScript}`, Object.assign(bindObj, { __render: Object.freeze({ element: it, target: bindObj, range: import_core.Range.range, value: setValue, scripts: _EventManager.setBindProperty(config?.scripts, obj), ...config?.eventVariables }) }));
             }
             getValue(setValue);
           } else if (getValue) {
             let setValue = getValue;
             if (mapScript) {
-              setValue = import_ScriptUtils.ScriptUtils.evaluate(`${this.getBindScript(config)} return ${mapScript}`, Object.assign(bindObj, { __render: Object.freeze({ element: it, target: bindObj, range: import_Range.Range.range, value: setValue, scripts: _EventManager.setBindProperty(config?.scripts, obj), ...config?.eventVariables }) }));
+              setValue = import_core2.ObjectUtils.Script.evaluate(`${this.getBindScript(config)} return ${mapScript}`, Object.assign(bindObj, { __render: Object.freeze({ element: it, target: bindObj, range: import_core.Range.range, value: setValue, scripts: _EventManager.setBindProperty(config?.scripts, obj), ...config?.eventVariables }) }));
             }
             if (setValue === null) {
               it.removeAttribute(linkInfo.property);
@@ -435,10 +454,10 @@ const _EventManager = class _EventManager {
           const filterScript = element.getAttribute(`${attr}:filter`);
           let filter = true;
           if (filterScript) {
-            filter = import_ScriptUtils.ScriptUtils.evaluate(`${this.getBindScript(config)} return ${filterScript}`, context) ?? false;
+            filter = import_core2.ObjectUtils.Script.evaluate(`${this.getBindScript(config)} return ${filterScript}`, context) ?? false;
           }
           if (filter) {
-            import_ScriptUtils.ScriptUtils.evaluate(`${this.getBindScript(config)} ${script}`, context);
+            import_core2.ObjectUtils.Script.evaluate(`${this.getBindScript(config)} ${script}`, context);
           }
         };
         element.addEventListener(eventName, handler);
@@ -450,13 +469,16 @@ const _EventManager = class _EventManager {
         script = "return " + script;
       }
       if (script) {
-        import_ScriptUtils.ScriptUtils.evaluate(`${this.getBindScript(config)}; ${script} `, Object.assign(obj, {
-          __render: Object.freeze({
-            element: it,
-            attribute: import_ElementUtils.ElementUtils.getAttributeToObject(it),
-            ...config?.eventVariables
+        import_core2.ObjectUtils.Script.evaluate(
+          `${this.getBindScript(config)}; ${script} `,
+          Object.assign(obj, {
+            __render: Object.freeze({
+              element: it,
+              attribute: import_core_web2.ElementUtils.getAttributeToObject(it),
+              ...config?.eventVariables
+            })
           })
-        }));
+        );
       }
     });
     this.onRenderedEvent(obj, childNodes, config);
@@ -476,13 +498,16 @@ const _EventManager = class _EventManager {
         script = "return " + script;
       }
       if (script) {
-        import_ScriptUtils.ScriptUtils.evaluate(`${this.getBindScript(config)}; ${script} `, Object.assign(obj, {
-          __render: Object.freeze({
-            element: it,
-            attribute: import_ElementUtils.ElementUtils.getAttributeToObject(it),
-            ...config?.eventVariables
+        import_core2.ObjectUtils.Script.evaluate(
+          `${this.getBindScript(config)}; ${script} `,
+          Object.assign(obj, {
+            __render: Object.freeze({
+              element: it,
+              attribute: import_core_web2.ElementUtils.getAttributeToObject(it),
+              ...config?.eventVariables
+            })
           })
-        }));
+        );
       }
     });
   }
@@ -493,12 +518,15 @@ const _EventManager = class _EventManager {
         script = "return " + script;
       }
       if (_EventManager.isUsingThisVar(script, varName) || varName === void 0) {
-        const data = import_ScriptUtils.ScriptUtils.evaluate(`const $element = this.__render.element;  ${script} `, Object.assign(obj, {
-          __render: Object.freeze({
-            element: it,
-            attribute: import_ElementUtils.ElementUtils.getAttributeToObject(it)
+        const data = import_core2.ObjectUtils.Script.evaluate(
+          `const $element = this.__render.element;  ${script} `,
+          Object.assign(obj, {
+            __render: Object.freeze({
+              element: it,
+              attribute: import_core_web2.ElementUtils.getAttributeToObject(it)
+            })
           })
-        }));
+        );
         if (typeof data === "string") {
           data.split(";").forEach((sit) => {
             const [key, value] = sit.split(":").map((s) => s.trim());
@@ -513,7 +541,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);
           }
@@ -526,31 +554,83 @@ const _EventManager = class _EventManager {
         script = "return " + script;
       }
       if (_EventManager.isUsingThisVar(script, varName) || varName === void 0) {
-        const data = import_ScriptUtils.ScriptUtils.evaluate(`const $element = this.element;  ${script} `, Object.assign(obj, {
-          __render: Object.freeze({
-            element: it,
-            attribute: import_ElementUtils.ElementUtils.getAttributeToObject(it)
+        const data = import_core2.ObjectUtils.Script.evaluate(
+          `const $element = this.element;  ${script} `,
+          Object.assign(obj, {
+            __render: Object.freeze({
+              element: it,
+              attribute: import_core_web2.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 = import_core2.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 = import_core2.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 = import_core2.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 = import_core2.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 = import_core2.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 = import_core2.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 = import_core2.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 = import_core2.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) {
@@ -558,22 +638,28 @@ 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 = import_ElementUtils.ElementUtils.getAttributeToObject(it);
+      const attrs = import_core_web2.ElementUtils.getAttributeToObject(it);
       if (attr) {
         callBack(it, attr, attrs);
       }
     });
   }
   getValue(obj, name, bindObj) {
-    let r = import_ObjectUtils.ObjectUtils.Script.evaluateReturn(name, obj);
+    let r = import_core2.ObjectUtils.Script.evaluateReturn(name, obj);
     if (typeof r === "function") {
       r = r.bind(bindObj ?? obj);
     }
@@ -581,20 +667,27 @@ const _EventManager = class _EventManager {
   }
   setValue(obj, name, value) {
     name = name.replaceAll("this.", "this.this.");
-    import_ScriptUtils.ScriptUtils.evaluate(`${name} = this.value;`, {
+    import_core2.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 = import_ObjectUtils.ObjectUtils.Path.detectPathFromScript(raws ?? "", { excludeThis: true });
+      const variablePaths = import_core2.ObjectUtils.Path.detectPathFromScript(raws, { excludeThis: true });
       return variablePaths.has(varName);
     }
     return false;
@@ -626,6 +719,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";
@@ -674,26 +768,9 @@ _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;
 //# sourceMappingURL=EventManager.js.map