@dooboostore/simple-boot-http-server-ssr 1.0.13 → 1.0.14

package/dist/esm-bundle/dooboostore-simple-boot-http-server-ssr.esm.js

@@ -218,6 +218,14 @@ var ValidUtils;
   const isConstructorLike = (fn) => {
     return typeof fn === "function" && typeof fn.prototype !== "undefined";
   };
+  ValidUtils2.isUrl = (str) => {
+    try {
+      new URL(str);
+      return true;
+    } catch (_) {
+      return false;
+    }
+  };
   ValidUtils2.isFrozen = (obj) => {
     return Object.isFrozen(obj);
   };
@@ -654,57 +662,70 @@ var ObjectUtils;
       if (Path2.isFunctionScript(path2) || Path2.isArrowFunctionScript(path2)) {
         return path2;
       }
-      if (path2.includes(" ? ") && path2.includes(" : ")) {
-        const parts = path2.split(/(\s+\?\s+|\s+:\s+)/);
-        const result = parts.map((part, index) => {
-          if (index === 0) {
-            const tokens2 = part.match(/[^?.[\]]+|\[[^\]]*\]/g);
-            if (tokens2 && tokens2.length > 1) {
-              return tokens2.join("?.");
-            }
+      const nullishCoalescingPlaceholder = "__NULLISH_COALESCING__";
+      const hasNullishCoalescing = path2.includes("??");
+      let tempPath = path2;
+      if (hasNullishCoalescing) {
+        tempPath = tempPath.replace(/\?\?/g, nullishCoalescingPlaceholder);
+      }
+      const ternaryMatch = tempPath.match(/\?\s+[^:]*:/);
+      if (ternaryMatch) {
+        const questionMarkIndex = tempPath.indexOf("?");
+        const colonIndex = tempPath.indexOf(":", questionMarkIndex);
+        if (questionMarkIndex !== -1 && colonIndex !== -1) {
+          const charAfterQuestion = tempPath.charAt(questionMarkIndex + 1);
+          if (charAfterQuestion === " " || charAfterQuestion === "	" || charAfterQuestion === "\n") {
+            const condition = tempPath.substring(0, questionMarkIndex).trim();
+            const trueBranch = tempPath.substring(questionMarkIndex + 1, colonIndex).trim();
+            const falseBranch = tempPath.substring(colonIndex + 1).trim();
+            const processedCondition = Path2.toOptionalChainPath(condition);
+            const processedTrueBranch = Path2.toOptionalChainPath(trueBranch);
+            const processedFalseBranch = Path2.toOptionalChainPath(falseBranch);
+            const finalResult = `${processedCondition} ? ${processedTrueBranch} : ${processedFalseBranch}`;
+            return hasNullishCoalescing ? finalResult.replace(new RegExp(nullishCoalescingPlaceholder, "g"), "??") : finalResult;
           }
-          return part;
-        });
-        return result.join("");
+        }
       }
-      if (path2.includes("(")) {
+      if (tempPath.includes("(")) {
         const functionCallMatches = [];
-        let tempPath = path2;
+        let workingPath = tempPath;
         let counter = 0;
         const functionCallRegex = /(\w+)\(([^()]*(?:\([^()]*\)[^()]*)*)\)/g;
         let match;
-        while ((match = functionCallRegex.exec(path2)) !== null) {
+        while ((match = functionCallRegex.exec(tempPath)) !== null) {
           const fullMatch = match[0];
           const funcName = match[1];
           const funcArgs = match[2];
           const placeholder = `__FUNC_CALL_${counter}__`;
-          const processedArgs = funcArgs ? Path2.toOptionalChainPath(funcArgs) : "";
+          let processedArgs = funcArgs ? Path2.toOptionalChainPath(funcArgs) : "";
+          processedArgs = processedArgs.replace(/\?\.\s*$/, "");
           const processedFuncCall = `${funcName}?.(${processedArgs})`;
           functionCallMatches.push({
             original: fullMatch,
             processed: processedFuncCall,
             placeholder
           });
-          tempPath = tempPath.replace(fullMatch, placeholder);
+          workingPath = workingPath.replace(fullMatch, placeholder);
           counter++;
         }
-        const tokens2 = tempPath.match(/[^?.[\]]+|\[[^\]]*\]/g);
+        const tokens2 = workingPath.match(/[^?.[\]]+|\[[^\]]*\]/g);
         let processedPath = "";
         if (tokens2 && tokens2.length > 1) {
           processedPath = tokens2.join("?.");
         } else {
-          processedPath = tempPath;
+          processedPath = workingPath;
         }
         for (const funcMatch of functionCallMatches) {
           processedPath = processedPath.replace(funcMatch.placeholder, funcMatch.processed);
         }
-        return processedPath;
+        return hasNullishCoalescing ? processedPath.replace(new RegExp(nullishCoalescingPlaceholder, "g"), "??") : processedPath;
       }
-      const tokens = path2.match(/[^?.[\]]+|\[[^\]]*\]/g);
+      const tokens = tempPath.match(/[^?.[\]]+|\[[^\]]*\]/g);
       if (!tokens) {
-        return path2;
+        return hasNullishCoalescing ? path2 : path2;
       }
-      return tokens.join("?.");
+      const result = tokens.join("?.");
+      return hasNullishCoalescing ? result.replace(new RegExp(nullishCoalescingPlaceholder, "g"), "??") : result;
     };
     Path2.removeOptionalChainOperator = (path2) => {
       if (!path2) {
@@ -1177,19 +1198,64 @@ var Intent = class {
     const paths = this.fullPath.split("?");
     return paths[1] ?? "";
   }
+  getQueryParamDecodeURI(key) {
+    const p = this.queryParamsDecodeURI;
+    if (key) {
+      return p[key];
+    } else {
+      return p;
+    }
+  }
+  getQueryParamDecodeURIFirst(key) {
+    const param = this.getQueryParamDecodeURI(key);
+    if (Array.isArray(param)) {
+      return param[0];
+    } else {
+      return param;
+    }
+  }
+  getQueryParam(key) {
+    const p = this.queryParams;
+    if (key) {
+      return p[key];
+    } else {
+      return p;
+    }
+  }
+  getQueryParamFirst(key) {
+    const param = this.getQueryParam(key);
+    if (Array.isArray(param)) {
+      return param[0];
+    } else {
+      return param;
+    }
+  }
   get queryParams() {
     const param = {};
     this.query.split("&")?.forEach((it) => {
       const a = it.split("=");
-      param[a[0]] = a[1];
+      if (param[a[0]]) {
+        if (Array.isArray(param[a[0]])) {
+          param[a[0]].push(a[1]);
+        } else {
+          param[a[0]] = [param[a[0]], a[1]];
+        }
+      } else {
+        param[a[0]] = a[1];
+      }
     });
     return param;
   }
-  get queryParamsAfterDecodeURI() {
+  get queryParamsDecodeURI() {
     const params = this.queryParams;
     for (const key in params) {
       if (params.hasOwnProperty(key)) {
-        params[key] = decodeURIComponent(params[key]);
+        const param = params[key];
+        if (Array.isArray(param)) {
+          params[key] = param.map((p) => decodeURIComponent(p));
+        } else {
+          params[key] = decodeURIComponent(param);
+        }
       }
     }
     return params;
@@ -2579,9 +2645,19 @@ var ConvertUtils;
   ConvertUtils22.jsonToMap = (jsonStr) => {
     return new Map(JSON.parse(jsonStr));
   };
+  ConvertUtils22.toUrl = (data) => {
+    try {
+      return new URL(data);
+    } catch (e) {
+      throw new Error(`Invalid URL string: ${data}`);
+    }
+  };
   ConvertUtils22.decodeURIString = (data) => {
     return decodeURIComponent(data);
   };
+  ConvertUtils22.encodeURIString = (data) => {
+    return encodeURIComponent(data);
+  };
   ConvertUtils22.objToStrMap = (obj) => {
     const strMap = /* @__PURE__ */ new Map();
     for (const k of Object.keys(obj)) {
@@ -2949,6 +3025,29 @@ var ConvertUtils;
   ConvertUtils22.stringJsonToKeyPairs = (stringJson) => {
     return Array.from(stringJson.matchAll(/(\w+):\s*([^,}]+)/g)).map((match) => ({ key: match[1], value: match[2] }));
   };
+  ConvertUtils22.stringToBase64 = (str) => {
+    return btoa(str);
+  };
+  ConvertUtils22.uint8ArrayToBase64 = (bytes) => {
+    let binary = "";
+    const len = bytes.byteLength;
+    for (let i = 0; i < len; i++) {
+      binary += String.fromCharCode(bytes[i]);
+    }
+    return btoa(binary);
+  };
+  ConvertUtils22.base64ToString = (base64) => {
+    return atob(base64);
+  };
+  ConvertUtils22.base64ToUint8Array = (base64) => {
+    const binaryString = atob(base64);
+    const len = binaryString.length;
+    const bytes = new Uint8Array(len);
+    for (let i = 0; i < len; i++) {
+      bytes[i] = binaryString.charCodeAt(i);
+    }
+    return bytes;
+  };
 })(ConvertUtils || (ConvertUtils = {}));
 
 // ../simple-boot/dist/esm/lifecycle/OnSimCreate.js
@@ -3073,17 +3172,37 @@ var RouterModule = class {
     return this.routerChains[0];
   }
   get firstRouteChainValue() {
-    return this.firstRouteChain.getValue();
+    return this.firstRouteChain?.getValue();
   }
   get lastRouteChain() {
     return this.routerChains[this.routerChains.length - 1];
   }
   get lastRouteChainValue() {
-    return this.lastRouteChain.getValue();
+    return this.lastRouteChain?.getValue();
   }
   hasActivateInLastRoute(obj) {
     return this.lastRouteChainValue?.hasActivate(obj) === true;
   }
+  getQueryParamDecodeURI(key) {
+    if (this.intent) {
+      return this.intent.getQueryParamDecodeURI(key);
+    }
+  }
+  getQueryParamDecodeURIFirst(key) {
+    if (this.intent) {
+      return this.intent.getQueryParamDecodeURIFirst(key);
+    }
+  }
+  getQueryParam(key) {
+    if (this.intent) {
+      return this.intent.getQueryParam(key);
+    }
+  }
+  getQueryParamFirst(key) {
+    if (this.intent) {
+      return this.intent.getQueryParamFirst(key);
+    }
+  }
   get queryParams() {
     if (this.intent) {
       return this.intent.queryParams;
@@ -3091,7 +3210,7 @@ var RouterModule = class {
   }
   get queryParamsAfterDecodeURI() {
     if (this.intent) {
-      return this.intent.queryParamsAfterDecodeURI;
+      return this.intent.queryParamsDecodeURI;
     }
   }
 };
@@ -3110,7 +3229,7 @@ var RouterAction;
   };
 })(RouterAction || (RouterAction = {}));
 
-// ../core/dist/esm/message/Subscriber..js
+// ../core/dist/esm/message/Subscriber.js
 var Subscriber = class {
   constructor(destination) {
     this.destination = destination;
@@ -4215,6 +4334,53 @@ var SimstanceManager = class _SimstanceManager {
   }
 };
 
+// ../simple-boot/dist/esm/intent/IntentSubscribe.js
+var isIntentSubscribe = (obj) => {
+  return !!obj && typeof obj.intentSubscribe === "function";
+};
+
+// ../simple-boot/dist/esm/decorators/cache/CacheDecorator.js
+var CacheMetadataKey = Symbol("Cache");
+
+// ../simple-boot/dist/esm/decorators/event/EventListener.js
+var EventListenerMetadataKey = Symbol("EventListener");
+
+// ../simple-boot/dist/esm/decorators/validate/Validation.js
+var ValidMetadataKey = Symbol("ValidMetadataKey");
+var getValidIndex = (target, propertyKey) => {
+  if (target !== null && void 0 !== target && typeof target === "object") {
+    target = target.constructor;
+  }
+  if (propertyKey) {
+    const parameters = Reflect.getOwnMetadata(ValidMetadataKey, target, propertyKey);
+    return parameters ?? [];
+  } else {
+    return ReflectUtils.getMetadata(ValidMetadataKey, target) ?? [];
+  }
+};
+var ValidationMetadataKey = Symbol("ValidationMetadataKey");
+var getValidators = (target) => {
+  if (target !== null && void 0 !== target && typeof target === "object") {
+    target = target.constructor;
+  }
+  return ReflectUtils.getMetadata(ValidationMetadataKey, target) ?? [];
+};
+var execValidationInValid = (obj) => {
+  return execValidation(obj).filter((it) => !it.valid);
+};
+var execValidation = (obj) => {
+  const validators = getValidators(obj);
+  const reesults = [];
+  validators.forEach((it) => {
+    reesults.push({
+      name: it.propertyKey,
+      valid: it.validator(it.propertyKey, it),
+      message: ""
+    });
+  });
+  return reesults;
+};
+
 // ../simple-boot/dist/esm/intent/IntentManager.js
 var __decorate2 = function(decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -4256,7 +4422,7 @@ var IntentManager = class IntentManager2 {
     } else if (typeof it === "string") {
       it = new Intent(it, data);
     }
-    let intent = it;
+    const intent = it;
     const r = [];
     if (!routerMatch) {
       if (intent.symbols) {
@@ -4275,7 +4441,7 @@ var IntentManager = class IntentManager2 {
       }
     });
     this.subject.next(it);
-    targetInstances.forEach((data2) => {
+    for (let data2 of targetInstances) {
       let orNewSim = data2;
       if (orNewSim) {
         if (intent.paths.length > 0) {
@@ -4287,6 +4453,18 @@ var IntentManager = class IntentManager2 {
             lastProp = i;
           });
           if (orNewSim && typeof orNewSim === "function") {
+            const injects = getInject(callthis, orNewSim.name);
+            if (injects) {
+              for (const inject of injects) {
+                let v = this.simstanceManager.findLastSim(inject.config).getValue();
+                if (typeof inject.config.returnFactory === "function") {
+                  v = await inject.config.returnFactory({ instance: callthis, methodName: orNewSim.name, parameter: intent.data }, v);
+                } else if (typeof inject.config.returnFactory === "string") {
+                  v = await v[inject.config.returnFactory]({ instance: callthis, methodName: orNewSim.name, parameter: intent.data }, v);
+                }
+                intent.data[inject.index] = v;
+              }
+            }
             if (PublishType.DATA_PARAMETERS === intent.publishType) {
               r.push(orNewSim.call(callthis, intent.data));
             } else if (PublishType.INLINE_DATA_PARAMETERS === intent.publishType) {
@@ -4300,15 +4478,22 @@ var IntentManager = class IntentManager2 {
           }
         } else {
           if (PublishType.DATA_PARAMETERS === intent.publishType) {
-            r.push(orNewSim?.intentSubscribe?.(intent.data));
+            if (isIntentSubscribe(orNewSim)) {
+              r.push(orNewSim.intentSubscribe(intent.data));
+            }
           } else if (PublishType.INLINE_DATA_PARAMETERS === intent.publishType) {
-            r.push(orNewSim?.intentSubscribe?.(...intent.data));
+            if (isIntentSubscribe(orNewSim)) {
+              r.push(orNewSim.intentSubscribe(...intent.data));
+            }
           } else {
-            r.push(orNewSim?.intentSubscribe?.(intent));
+            if (isIntentSubscribe(orNewSim)) {
+              r.push(orNewSim?.intentSubscribe?.(intent));
+            }
           }
         }
       }
-    });
+    }
+    ;
     return r;
   }
 };
@@ -4320,6 +4505,7 @@ IntentManager = __decorate2([
 // ../simple-boot-http-server/dist/esm/codes/HttpStatus.js
 var HttpStatus = /* @__PURE__ */ ((HttpStatus2) => {
   HttpStatus2[HttpStatus2["Ok"] = 200] = "Ok";
+  HttpStatus2[HttpStatus2["MultipleChoices"] = 300] = "MultipleChoices";
   HttpStatus2[HttpStatus2["MovedPermanently"] = 301] = "MovedPermanently";
   HttpStatus2[HttpStatus2["Found"] = 302] = "Found";
   HttpStatus2[HttpStatus2["SeeOther"] = 303] = "SeeOther";
@@ -4498,7 +4684,7 @@ var NotFoundError = class extends HttpError {
 
 // ../core/dist/esm/string/StringUtils.js
 var StringUtils;
-(function(StringUtils2) {
+((StringUtils2) => {
   StringUtils2.deleteEnter = (data) => {
     return data.replace(/\r?\n/g, "");
   };
@@ -4541,8 +4727,7 @@ var StringUtils;
     return s;
   };
   StringUtils2.unescape = (html) => {
-    if (!html)
-      return "";
+    if (!html) return "";
     const htmlEntity = {
       quot: '"',
       amp: "&",
@@ -4592,8 +4777,7 @@ var StringUtils;
     return formatString.replace(/\${([^{}]*)}/g, (matched, piece) => String(object[piece] ?? matched));
   };
   StringUtils2.ellipsis = (text, length) => {
-    if (text.length > length)
-      return `${text.slice(0, length)}...`;
+    if (text.length > length) return `${text.slice(0, length)}...`;
     return text;
   };
   StringUtils2.appendPostposition = (text, { vowel, consonant }) => {
@@ -4886,6 +5070,29 @@ var Promises;
     await Promise.all(executing);
     return results;
   };
+  Promises2.retry = async (factory, config) => {
+    const initialDelay = config.delay?.initialDelay ?? 0;
+    const retryDelay = config.delay?.retryDelay ?? 0;
+    if (initialDelay > 0) {
+      await (0, Promises2.sleep)(initialDelay);
+    }
+    let lastError;
+    for (let attempt = 0; attempt <= config.retry; attempt++) {
+      try {
+        return await factory(attempt, lastError);
+      } catch (error) {
+        lastError = error;
+        if (attempt === config.retry) {
+          break;
+        }
+        config.onRetry?.(error, attempt + 1);
+        if (retryDelay > 0) {
+          await (0, Promises2.sleep)(retryDelay);
+        }
+      }
+    }
+    throw lastError;
+  };
   let Result;
   ((Result2) => {
     async function awaitWrap(promise) {
@@ -5403,11 +5610,11 @@ var _EventManager = class _EventManager2 {
   findAttrElements(fragment, config) {
     const elements = /* @__PURE__ */ new Set();
     const addAttributes = config?.applyEvents?.map((it) => it.attrName) ?? [];
-    addAttributes.concat([..._EventManager2.attrNames]).forEach((attrName) => {
-      fragment?.querySelectorAll(`[${attrName}]`).forEach((it) => {
-        elements.add(it);
-      });
-    });
+    const attrs = addAttributes.concat([..._EventManager2.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) {
@@ -5419,7 +5626,7 @@ var _EventManager = class _EventManager2 {
     this.procAttr(childNodes, _EventManager2.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;
         }
@@ -5428,7 +5635,7 @@ var _EventManager = class _EventManager2 {
     this.procAttr(childNodes, _EventManager2.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;
         }
@@ -5437,7 +5644,7 @@ var _EventManager = class _EventManager2 {
     this.procAttr(childNodes, _EventManager2.selectedAttrName, (it, attribute) => {
       const script = attribute;
       if (script) {
-        const data = ScriptUtils.evaluateReturn(script, obj);
+        const data = ObjectUtils.Script.evaluateReturn(script, obj);
         if (it.selected !== data) {
           it.selected = data;
         }
@@ -5446,7 +5653,7 @@ var _EventManager = class _EventManager2 {
     this.procAttr(childNodes, _EventManager2.readonlyAttrName, (it, attribute) => {
       const script = attribute;
       if (script) {
-        const data = ScriptUtils.evaluateReturn(script, obj);
+        const data = ObjectUtils.Script.evaluateReturn(script, obj);
         if (it.readOnly !== data) {
           it.readOnly = data;
         }
@@ -5455,7 +5662,7 @@ var _EventManager = class _EventManager2 {
     this.procAttr(childNodes, _EventManager2.disabledAttrName, (it, attribute) => {
       const script = attribute;
       if (script) {
-        const data = ScriptUtils.evaluateReturn(script, obj);
+        const data = ObjectUtils.Script.evaluateReturn(script, obj);
         if (it.disabled !== data) {
           it.disabled = data;
         }
@@ -5464,7 +5671,7 @@ var _EventManager = class _EventManager2 {
     this.procAttr(childNodes, _EventManager2.hiddenAttrName, (it, attribute) => {
       const script = attribute;
       if (script) {
-        const data = ScriptUtils.evaluateReturn(script, obj);
+        const data = ObjectUtils.Script.evaluateReturn(script, obj);
         if (it.hidden !== data) {
           it.hidden = data;
         }
@@ -5473,7 +5680,7 @@ var _EventManager = class _EventManager2 {
     this.procAttr(childNodes, _EventManager2.requiredAttrName, (it, attribute) => {
       const script = attribute;
       if (script) {
-        const data = ScriptUtils.evaluateReturn(script, obj);
+        const data = ObjectUtils.Script.evaluateReturn(script, obj);
         if (it.required !== data) {
           it.required = data;
         }
@@ -5482,7 +5689,7 @@ var _EventManager = class _EventManager2 {
     this.procAttr(childNodes, _EventManager2.openAttrName, (it, attribute) => {
       const script = attribute;
       if (script) {
-        const data = ScriptUtils.evaluateReturn(script, obj);
+        const data = ObjectUtils.Script.evaluateReturn(script, obj);
         if (it.open !== data) {
           it.open = data;
         }
@@ -5493,17 +5700,27 @@ var _EventManager = class _EventManager2 {
       map.forEach((v, k) => {
         const variablePaths = v.variablePaths;
         let targetScript = v.originalAttrValue;
-        variablePaths.forEach((it2) => {
-          let r = ObjectUtils.Path.toOptionalChainPath(it2.inner);
-          targetScript = targetScript.replaceAll(it2.origin, `\${${r}}`);
-        });
-        const data = ObjectUtils.Script.evaluate(`const $element = this.element;  return ${"`" + targetScript + "`"} `, Object.assign(obj, {
+        let script;
+        if (v.isStringTemplate) {
+          variablePaths.forEach((it2) => {
+            let r = ObjectUtils.Path.toOptionalChainPath(it2.inner);
+            targetScript = targetScript.replaceAll(it2.origin, `\${${r}}`);
+          });
+          script = "`" + targetScript + "`";
+        } else {
+          variablePaths.forEach((it2) => {
+            let r = ObjectUtils.Path.toOptionalChainPath(it2.inner);
+            targetScript = targetScript.replaceAll(it2.origin, `${r}`);
+          });
+          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)
           })
         }));
-        if (data === null) {
+        if (data === null || data === void 0) {
           it.removeAttribute(k);
         } else {
           it.setAttribute(k, data);
@@ -5522,19 +5739,19 @@ var _EventManager = class _EventManager2 {
           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: _EventManager2.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: _EventManager2.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: _EventManager2.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: _EventManager2.setBindProperty(config?.scripts, obj), ...config?.eventVariables }) }));
             }
             if (setValue === null) {
               it.removeAttribute(linkInfo.property);
@@ -5557,10 +5774,10 @@ var _EventManager = class _EventManager2 {
           const filterScript = element.getAttribute(`${attr}:filter`);
           let filter2 = true;
           if (filterScript) {
-            filter2 = ScriptUtils.evaluate(`${this.getBindScript(config)} return ${filterScript}`, context) ?? false;
+            filter2 = ObjectUtils.Script.evaluate(`${this.getBindScript(config)} return ${filterScript}`, context) ?? false;
           }
           if (filter2) {
-            ScriptUtils.evaluate(`${this.getBindScript(config)} ${script}`, context);
+            ObjectUtils.Script.evaluate(`${this.getBindScript(config)} ${script}`, context);
           }
         };
         element.addEventListener(eventName, handler);
@@ -5572,7 +5789,7 @@ var _EventManager = class _EventManager2 {
         script = "return " + script;
       }
       if (script) {
-        ScriptUtils.evaluate(`${this.getBindScript(config)}; ${script} `, Object.assign(obj, {
+        ObjectUtils.Script.evaluate(`${this.getBindScript(config)}; ${script} `, Object.assign(obj, {
           __render: Object.freeze({
             element: it,
             attribute: ElementUtils.getAttributeToObject(it),
@@ -5598,7 +5815,7 @@ var _EventManager = class _EventManager2 {
         script = "return " + script;
       }
       if (script) {
-        ScriptUtils.evaluate(`${this.getBindScript(config)}; ${script} `, Object.assign(obj, {
+        ObjectUtils.Script.evaluate(`${this.getBindScript(config)}; ${script} `, Object.assign(obj, {
           __render: Object.freeze({
             element: it,
             attribute: ElementUtils.getAttributeToObject(it),
@@ -5615,21 +5832,29 @@ var _EventManager = class _EventManager2 {
         script = "return " + script;
       }
       if (_EventManager2.isUsingThisVar(script, varName) || varName === void 0) {
-        const data = ScriptUtils.evaluate(`const $element = this.__render.element;  ${script} `, Object.assign(obj, {
+        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") {
-          it.setAttribute("style", data);
+          data.split(";").forEach((sit) => {
+            const [key, value] = sit.split(":").map((s) => s.trim());
+            if (key && value) {
+              it.style[key] = value;
+            }
+          });
         } else if (Array.isArray(data)) {
-          it.setAttribute("style", data.join(";"));
+          data.forEach((sit) => {
+            const [key, value] = sit.split(":").map((s) => s.trim());
+            if (key && value) {
+              it.style[key] = value;
+            }
+          });
         } else {
           for (const [key, value] of Object.entries(data)) {
-            if (it instanceof HTMLElement) {
-              it.style[key] = String(value);
-            }
+            it.style[key] = value === null ? null : String(value);
           }
         }
       }
@@ -5640,29 +5865,77 @@ var _EventManager = class _EventManager2 {
         script = "return " + script;
       }
       if (_EventManager2.isUsingThisVar(script, varName) || varName === void 0) {
-        const data = ScriptUtils.evaluate(`const $element = this.element;  ${script} `, Object.assign(obj, {
+        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") {
-          it.setAttribute("class", data);
+          data.split(" ").forEach((cit) => it.classList.add(cit.trim()));
         } else if (Array.isArray(data)) {
-          it.setAttribute("class", data.join(" "));
+          data.forEach((cit) => it.classList.add(cit.trim()));
         } else {
           for (const [key, value] of Object.entries(data)) {
             if (it instanceof HTMLElement) {
               if (value) {
-                it.classList.add(key);
+                it.classList.add(key.trim());
               } else {
-                it.classList.remove(key);
+                it.classList.remove(key.trim());
               }
             }
           }
         }
       }
     });
+    this.procAttr(elements, _EventManager2.valueAttrName, (it, attribute) => {
+      if (_EventManager2.isUsingThisVar(attribute, varName) || varName === void 0) {
+        const data = ObjectUtils.Script.evaluateReturn(attribute, obj);
+        if (it.value !== data) it.value = data;
+      }
+    });
+    this.procAttr(elements, _EventManager2.checkedAttrName, (it, attribute) => {
+      if (_EventManager2.isUsingThisVar(attribute, varName) || varName === void 0) {
+        const data = ObjectUtils.Script.evaluateReturn(attribute, obj);
+        if (it.checked !== data) it.checked = data;
+      }
+    });
+    this.procAttr(elements, _EventManager2.selectedAttrName, (it, attribute) => {
+      if (_EventManager2.isUsingThisVar(attribute, varName) || varName === void 0) {
+        const data = ObjectUtils.Script.evaluateReturn(attribute, obj);
+        if (it.selected !== data) it.selected = data;
+      }
+    });
+    this.procAttr(elements, _EventManager2.readonlyAttrName, (it, attribute) => {
+      if (_EventManager2.isUsingThisVar(attribute, varName) || varName === void 0) {
+        const data = ObjectUtils.Script.evaluateReturn(attribute, obj);
+        if (it.readOnly !== data) it.readOnly = data;
+      }
+    });
+    this.procAttr(elements, _EventManager2.disabledAttrName, (it, attribute) => {
+      if (_EventManager2.isUsingThisVar(attribute, varName) || varName === void 0) {
+        const data = ObjectUtils.Script.evaluateReturn(attribute, obj);
+        if (it.disabled !== data) it.disabled = data;
+      }
+    });
+    this.procAttr(elements, _EventManager2.hiddenAttrName, (it, attribute) => {
+      if (_EventManager2.isUsingThisVar(attribute, varName) || varName === void 0) {
+        const data = ObjectUtils.Script.evaluateReturn(attribute, obj);
+        if (it.hidden !== data) it.hidden = data;
+      }
+    });
+    this.procAttr(elements, _EventManager2.requiredAttrName, (it, attribute) => {
+      if (_EventManager2.isUsingThisVar(attribute, varName) || varName === void 0) {
+        const data = ObjectUtils.Script.evaluateReturn(attribute, obj);
+        if (it.required !== data) it.required = data;
+      }
+    });
+    this.procAttr(elements, _EventManager2.openAttrName, (it, attribute) => {
+      if (_EventManager2.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) {
     const sets = /* @__PURE__ */ new Set();
@@ -5878,7 +6151,7 @@ var Dr = class extends OperatorExecuterAttrRequire {
     const itRandom = RawSet.drItOtherEncoding(this.elementSource.element);
     const vars = RawSet.drVarEncoding(this.elementSource.element, this.elementSource.attrs.drVarOption ?? "");
     const newTemp = this.source.config.window.document.createElement("temp");
-    ScriptUtils.evaluate(`
+    ObjectUtils.Script.evaluate(`
                     ${this.render.bindScript}
                     const n = $element.cloneNode(true);
                     var destIt = ${this.elementSource.attrs.drItOption};
@@ -6036,7 +6309,7 @@ var isOnDrThisBind = (obj) => {
 var DrThis = class extends OperatorExecuterAttrRequire {
   async executeAttrRequire(attr) {
     const optionIf = this.elementSource.attrs.drDetectIfOption ?? this.elementSource.attrs.drIfOption;
-    const ok = ScriptUtils.evaluate(`
+    const ok = ObjectUtils.Script.evaluate(`
                 ${this.render.bindScript}
                 try {
                   const ok  = ${this.elementSource.attrs.drThis};
@@ -6372,9 +6645,9 @@ var DrForm = class extends OperatorExecuterAttrRequire {
   }
   async executeAttrRequire(attr) {
     RawSet.drFormOtherMoveAttr(this.elementSource.element, "name", "temp-name", this.source.config);
-    const data = ScriptUtils.evaluateReturn(`${attr}`, this.source.obj);
+    const data = ObjectUtils.Script.evaluateReturn(`${attr}`, this.source.obj);
     const childs = Array.from(this.elementSource.element.querySelectorAll("[name]"));
-    const fromName = ScriptUtils.evaluateReturn(this.elementSource.element.getAttribute(`${RawSet.DR_FORM_NAME}:name`) ?? "", this.source.obj);
+    const fromName = ObjectUtils.Script.evaluateReturn(this.elementSource.element.getAttribute(`${RawSet.DR_FORM_NAME}:name`) ?? "", this.source.obj);
     const thisName = fromName ?? this.elementSource.element.getAttribute("name");
     if (childs.length <= 0 && thisName) {
       childs.push(this.elementSource.element);
@@ -6387,10 +6660,10 @@ var DrForm = class extends OperatorExecuterAttrRequire {
       const eventName = it.getAttribute(`${RawSet.DR_FORM_NAME}:event`) ?? "change";
       const validatorName = it.getAttribute(`${RawSet.DR_FORM_NAME}:validator`);
       const attrEventName = EventManager.attrPrefix + "event-" + eventName;
-      let varpath = ScriptUtils.evaluateReturn(this.elementSource.element.getAttribute(`${RawSet.DR_FORM_NAME}:name`) ?? "", this.source.obj) ?? it.getAttribute("name");
+      let varpath = ObjectUtils.Script.evaluateReturn(this.elementSource.element.getAttribute(`${RawSet.DR_FORM_NAME}:name`) ?? "", this.source.obj) ?? it.getAttribute("name");
       if (varpath != null) {
         if (validatorName) {
-          ScriptUtils.evaluate(
+          ObjectUtils.Script.evaluate(
             `
                                 ${this.render.bindScript}
                                 const validator = typeof ${validatorName} ==='function' ?  new  ${validatorName}() : ${validatorName};
@@ -6408,7 +6681,7 @@ var DrForm = class extends OperatorExecuterAttrRequire {
           );
         }
         varpath = `${attr}['${varpath}']`;
-        const data2 = ScriptUtils.evaluateReturn(`${varpath}`, this.source.obj);
+        const data2 = ObjectUtils.Script.evaluateReturn(`${varpath}`, this.source.obj);
         if (data2 instanceof ValidatorArray) {
           it.setAttribute(attrEventName, `${varpath}.setArrayValue($target, $target.value, $event); ${it.getAttribute(attrEventName) ?? ""};`);
           data2.addValidator(it.value, it);
@@ -6469,7 +6742,7 @@ var DrInnerHTML = class extends OperatorExecuterAttrRequire {
   }
   async executeAttrRequire(attr) {
     const newTemp = this.source.config.window.document.createElement("temp");
-    ScriptUtils.evaluate(`
+    ObjectUtils.Script.evaluate(`
                         ${this.render.bindScript}
                         const n = $element.cloneNode(true);
                         ${this.elementSource.attrs.drBeforeOption ?? ""}
@@ -6508,7 +6781,7 @@ var DrFor = class extends OperatorExecuterAttrRequire {
     const itRandom = RawSet.drItOtherEncoding(this.elementSource.element);
     const vars = RawSet.drVarEncoding(this.elementSource.element, this.elementSource.attrs.drVarOption ?? "");
     const newTemp = this.source.config.window.document.createElement("temp");
-    ScriptUtils.evaluate(`
+    ObjectUtils.Script.evaluate(`
                     ${this.render.bindScript}
                     ${this.elementSource.attrs.drBeforeOption ?? ""}
                     for(${attr}) {
@@ -6557,6 +6830,10 @@ var DrForOf = class extends OperatorExecuterAttrRequire {
     const variableName = this.elementSource.element.getAttribute(RawSet.DR_VARIABLE_NAME_OPTIONNAME);
     const itemVariableName = this.elementSource.element.getAttribute(RawSet.DR_ITEM_VARIABLE_NAME_OPTIONNAME);
     const itemIndexVariableName = this.elementSource.element.getAttribute(RawSet.DR_ITEM_INDEX_VARIABLE_NAME_OPTIONNAME);
+    const hasVariableName = this.elementSource.element.hasAttribute(RawSet.DR_VARIABLE_NAME_OPTIONNAME);
+    const hasItemVariableName = this.elementSource.element.hasAttribute(RawSet.DR_ITEM_VARIABLE_NAME_OPTIONNAME);
+    const hasItemIndexVariableName = this.elementSource.element.hasAttribute(RawSet.DR_ITEM_INDEX_VARIABLE_NAME_OPTIONNAME);
+    const t0 = performance.now();
     ObjectUtils.Script.evaluate(`
                     ${this.render.bindScript}
                     ${this.elementSource.attrs.drBeforeOption ?? ""}
@@ -6564,6 +6841,7 @@ var DrForOf = class extends OperatorExecuterAttrRequire {
                     const forOf = ${ObjectUtils.Path.toOptionalChainPath(attr)};
                     const forOfStr = \`${attr}\`.trim();
                     // console.log('forOf---',forOf);
+                    // debugger;
                     if (forOf) {
                         for(const it of forOf) {
                             i++;
@@ -6582,16 +6860,39 @@ var DrForOf = class extends OperatorExecuterAttrRequire {
                             const n = this.__render.element.cloneNode(true);
                             Object.entries(this.__render.drAttr).filter(([k,v]) => k !== 'drForOf' && k !== 'drNextOption' && v).forEach(([k, v]) => n.setAttribute(this.__render.drAttrsOriginName[k], v));
                             n.getAttributeNames().forEach(it => n.setAttribute(it, n.getAttribute(it).replace(/\\#it\\#/g, destIt).replace(/\\#nearForOfIt\\#/g, destIt).replace(/\\#it\\#/g, destIt).replace(/\\#nearForOfIndex\\#/g, i)))
-                            if ('${variableName}') {
+                            if (${hasVariableName} && '${variableName}') {
                               n.getAttributeNames().forEach(it => n.setAttribute(it, n.getAttribute(it).replaceAll('#${variableName}#', forOfStr)));
                             }
-                            if ('${itemVariableName}') {
+                            if (${hasItemVariableName} && '${itemVariableName}') {
                               n.getAttributeNames().forEach(it => n.setAttribute(it, n.getAttribute(it).replaceAll('#${itemVariableName}#', destIt)));
                             }
-                            if ('${itemIndexVariableName}') {
+                            if (${hasItemIndexVariableName} && '${itemIndexVariableName}') {
                               n.getAttributeNames().forEach(it => n.setAttribute(it, n.getAttribute(it).replaceAll('#${itemIndexVariableName}#', i)));
                             }
                             
+                            const hasDrOptionAttr = n.hasAttribute('${RawSet.DR_ATTR_OPTIONNAME}');
+                            if (hasDrOptionAttr) {
+                              const drOptionAttr = n.getAttribute('${RawSet.DR_ATTR_OPTIONNAME}');
+                              const drOptionAttrResult = $scriptUtils.evaluateReturn(drOptionAttr, this);
+                              Array.from(Object.entries(drOptionAttrResult??{})).forEach(([k,v])=>{
+                                if (v === null) {
+                                  n.removeAttribute(k);
+                                } else {
+                                  n.setAttribute(k,v);
+                                }
+                              })
+                            
+                            }
+                            const hasDrOptionIf = n.hasAttribute('${RawSet.DR_IF_OPTIONNAME}');
+                            if (hasDrOptionIf) {
+                              const drOptionIf = n.getAttribute('${RawSet.DR_IF_OPTIONNAME}');
+                              const e = $scriptUtils.evaluateReturn(drOptionIf, this);
+                              if(!e) {
+                                continue;
+                              }
+                            
+                            }
+                            
                             const drOptionAttr = n.getAttribute('${RawSet.DR_DETECT_ATTR_OPTIONNAME}');
                             if (drOptionAttr) {
                               const drOptionAttrResult = $scriptUtils.evaluateReturn(drOptionAttr, this);
@@ -6614,13 +6915,13 @@ var DrForOf = class extends OperatorExecuterAttrRequire {
                             }
 
                             n.innerHTML = n.innerHTML.replace(/\\#it\\#/g, destIt).replace(/\\#index\\#/g, i);
-                            if ('${variableName}') {
+                            if (${hasVariableName} && '${variableName}') {
                               n.innerHTML = n.innerHTML.replaceAll('#${variableName}#', forOfStr);
                             }
-                            if ('${itemVariableName}') {
+                            if (${hasItemVariableName} && '${itemVariableName}') {
                               n.innerHTML = n.innerHTML.replaceAll('#${itemVariableName}#', destIt);
                             }
-                            if ('${itemIndexVariableName}') {
+                            if (${hasItemIndexVariableName} && '${itemIndexVariableName}') {
                               n.innerHTML = n.innerHTML.replaceAll('#${itemIndexVariableName}#', i);
                             }
                    
@@ -6674,7 +6975,7 @@ var DrAppender = class extends OperatorExecuterAttrRequire {
     const itRandom = RawSet.drItOtherEncoding(this.elementSource.element);
     const vars = RawSet.drVarEncoding(this.elementSource.element, this.elementSource.attrs.drVarOption ?? "");
     const newTemp = this.source.config.window.document.createElement("temp");
-    ScriptUtils.evaluate(`
+    ObjectUtils.Script.evaluate(`
                     try{
                     ${this.render.bindScript}
                     ${this.elementSource.attrs.drBeforeOption ?? ""}
@@ -6732,7 +7033,7 @@ var DrRepeat = class extends OperatorExecuterAttrRequire {
     const itRandom = RawSet.drItOtherEncoding(this.elementSource.element);
     const vars = RawSet.drVarEncoding(this.elementSource.element, this.elementSource.attrs.drVarOption ?? "");
     const newTemp = this.source.config.window.document.createElement("temp");
-    ScriptUtils.evaluate(`
+    ObjectUtils.Script.evaluate(`
                     ${this.render.bindScript}
                     ${this.elementSource.attrs.drBeforeOption ?? ""}
                     var i = 0; 
@@ -6787,9 +7088,18 @@ var DrTargetElement = class extends OperatorExecuter {
     super(rawSet, render, returnContainer, elementSource, source, afterCallBack, false);
   }
   async execute() {
-    const targetElement = this.source.config?.targetElements?.find(
-      (it) => it.name.toLowerCase() === this.elementSource.element.tagName.toLowerCase()
-    );
+    let targetElement = void 0;
+    let isTargetElementElement = this.elementSource.element.tagName.toLowerCase() === RawSet.DR_TARGET_ELEMENT_ELEMENTNAME.toLowerCase();
+    if (isTargetElementElement) {
+      const targetElementTagName = this.elementSource.element.getAttribute(`${RawSet.DR_TARGET_ELEMENT_ELEMENTNAME}:is`)?.toLowerCase();
+      targetElement = this.source.config?.targetElements?.find(
+        (it) => it.name.toLowerCase() === targetElementTagName
+      );
+    } else {
+      targetElement = this.source.config?.targetElements?.find(
+        (it) => it.name.toLowerCase() === this.elementSource.element.tagName.toLowerCase()
+      );
+    }
     if (targetElement) {
       if (this.rawSet.point.start instanceof this.source.config.window.HTMLMetaElement && this.rawSet.point.end instanceof this.source.config.window.HTMLMetaElement) {
         this.rawSet.point.start.setAttribute("this-path", `this.__domrender_components.${this.rawSet.uuid}`);
@@ -6809,7 +7119,7 @@ var DrTargetElement = class extends OperatorExecuter {
           this.rawSet.detect = {
             action: () => {
               const script = `var $component = this.__render.component; var $element = this.__render.element; var $innerHTML = this.__render.innerHTML; var $attribute = this.__render.attribute;  ${detectAction} `;
-              ScriptUtils.evaluate(
+              ObjectUtils.Script.evaluate(
                 script,
                 Object.assign(this.source.obj, {
                   __render: this.rawSet.dataSet.render
@@ -6890,7 +7200,7 @@ var DrStripElement = class extends OperatorExecuterAttrRequire {
   }
   async executeAttrRequire(attr) {
     const newTemp = this.source.config.window.document.createElement("temp");
-    ScriptUtils.evaluate(`
+    ObjectUtils.Script.evaluate(`
                 ${this.render.bindScript}
                 ${this.elementSource.attrs.drBeforeOption ?? ""}
                 const n = $element.cloneNode(true);
@@ -6952,7 +7262,7 @@ var DrThisProperty = class extends OperatorExecuterAttrRequire {
     const newTemp = this.source.config.window.document.createElement("temp");
     const dictioanry = ScriptUtils.evaluateReturn(attr, this.source.obj);
     const dictionaryKey = this.elementSource.attrs.drKeyOption ?? "";
-    ScriptUtils.evaluate(`
+    ObjectUtils.Script.evaluate(`
                     ${this.render.bindScript}
                     ${this.elementSource.attrs.drBeforeOption ?? ""}
                     var i = 0; 
@@ -7460,7 +7770,7 @@ var DrTargetElementIsElement = class extends OperatorExecuter {
           this.rawSet.detect = {
             action: () => {
               const script = `var $component = this.__render.component; var $element = this.__render.element; var $innerHTML = this.__render.innerHTML; var $attribute = this.__render.attribute;  ${detectAction} `;
-              ScriptUtils.evaluate(script, Object.assign(this.source.obj, {
+              ObjectUtils.Script.evaluate(script, Object.assign(this.source.obj, {
                 __render: this.rawSet.dataSet.render
               }));
             }
@@ -7518,7 +7828,7 @@ var NodeUtils;
   NodeUtils2.replaceNode = (targetNode, newNode) => {
     return targetNode.parentNode?.replaceChild(newNode, targetNode);
   };
-  NodeUtils2.addNode = (targetNode, newNode) => {
+  NodeUtils2.insertAfter = (targetNode, newNode) => {
     return targetNode.parentNode?.insertBefore(newNode, targetNode.nextSibling);
   };
   NodeUtils2.cloneNode = (element, deep) => {
@@ -7632,10 +7942,49 @@ var _RawSet = class _RawSet2 {
     });
     return usingTriggerVariables;
   }
-  // 중요 render 처리 부분
-  // public async render(obj: any, config: DomRenderConfig): Promise<RawSet[]> {
-  // }
   async render(obj, config) {
+    if (this.dataSet.fragment.childNodes.length === 1 && this.dataSet.fragment.childNodes[0].nodeType === Node.TEXT_NODE) {
+      const textContent = this.dataSet.fragment.childNodes[0].textContent;
+      if (textContent) {
+        const runText = _RawSet2.expressionGroups(textContent)[0][1];
+        const __render = {
+          rawSet: this,
+          scripts: EventManager.setBindProperty(config?.scripts, obj),
+          router: config?.router,
+          range: Range.range,
+          element: this.dataSet.fragment.childNodes[0],
+          attribute: {},
+          rootObject: obj,
+          scriptUtils: ObjectUtils.Script,
+          nearThis: this.findNearThis(obj),
+          parentThis: this.findParentThis(obj),
+          bindScript: ` /** render **/
+                      const ${EventManager.SCRIPTS_VARNAME} = this.__render.scripts;
+                      const ${EventManager.RAWSET_VARNAME} = this.__render.rawSet;
+                      const ${EventManager.ELEMENT_VARNAME} = this.__render.element;
+                      const ${EventManager.ATTRIBUTE_VARNAME} = this.__render.attribute;
+                      const ${EventManager.RANGE_VARNAME} = this.__render.range;
+                      const ${EventManager.ROUTER_VARNAME} = this.__render.router;
+                      const ${EventManager.NEAR_THIS_VARNAME} = this.__render.nearThis;
+                      const ${EventManager.PARENT_THIS_VARNAME} = this.__render.parentThis;
+                      const ${EventManager.SCRIPT_UTILS_VARNAME} = this.__render.scriptUtils;
+                      const ${EventManager.ROOT_OBJECT_VARNAME} = this.__render.rootObject;
+              `
+        };
+        try {
+          const newValue = ObjectUtils.Script.evaluateReturn({
+            bodyScript: __render.bindScript,
+            returnScript: runText
+          }, Object.assign(obj, { __render }));
+          const newValueStr = String(newValue);
+          if (this.lastRenderedValue === newValueStr) {
+            return { raws: [], executedOperators: [] };
+          }
+          this.lastRenderedValue = newValueStr;
+        } catch (e) {
+        }
+      }
+    }
     const genNode = config.window.document.importNode(this.dataSet.fragment, true);
     const raws = [];
     const onAttrInitCallBacks = [];
@@ -7678,18 +8027,15 @@ var _RawSet = class _RawSet2 {
         const runText = _RawSet2.expressionGroups(textContent)[0][1];
         let newNode;
         if (textContent?.startsWith("#")) {
-          const r = ObjectUtils.Script.evaluate(
-            `${__render.bindScript} return ${runText}`,
+          const r = ObjectUtils.Script.evaluateReturn(
+            { bodyScript: __render.bindScript, returnScript: runText },
             Object.assign(obj, { __render })
           );
           const template = config.window.document.createElement("template");
           template.innerHTML = r;
           newNode = template.content;
         } else {
-          const r = ObjectUtils.Script.evaluate(
-            `${__render.bindScript}  return ${runText}`,
-            Object.assign(obj, { __render })
-          );
+          const r = ObjectUtils.Script.evaluateReturn({ bodyScript: __render.bindScript, returnScript: runText }, Object.assign(obj, { __render }));
           newNode = config.window.document.createTextNode(r);
         }
         cNode.parentNode?.replaceChild(newNode, cNode);
@@ -7728,140 +8074,23 @@ var _RawSet = class _RawSet2 {
         };
         drAttrs.push(drAttr);
         const operators = [
-          new DrPre(
-            this,
-            __render,
-            { raws, fag },
-            { element, attrName: _RawSet2.DR_PRE_NAME, attr: drAttr.drPre, attrs: drAttr },
-            { config, obj, operatorAround: config.operatorAround?.drPre },
-            { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }
-          ),
-          new Dr(
-            this,
-            __render,
-            { raws, fag },
-            { element, attrName: _RawSet2.DR_NAME, attr: drAttr.dr, attrs: drAttr },
-            { config, obj, operatorAround: config.operatorAround?.dr },
-            { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }
-          ),
+          new DrPre(this, __render, { raws, fag }, { element, attrName: _RawSet2.DR_PRE_NAME, attr: drAttr.drPre, attrs: drAttr }, { config, obj, operatorAround: config.operatorAround?.drPre }, { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }),
+          new Dr(this, __render, { raws, fag }, { element, attrName: _RawSet2.DR_NAME, attr: drAttr.dr, attrs: drAttr }, { config, obj, operatorAround: config.operatorAround?.dr }, { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }),
           // new Dr(this, __render, {raws, fag}, {element, attrName: EventManager.onRenderedInitAttrName, attr: drAttr.dr, attrs: drAttr}, {config, obj, operatorAround: config.operatorAround?.dr}, {onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks}),
-          new DrIf(
-            this,
-            __render,
-            { raws, fag },
-            { element, attrName: _RawSet2.DR_IF_NAME, attr: drAttr.drIf, attrs: drAttr },
-            { config, obj, operatorAround: config.operatorAround?.drIf },
-            { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }
-          ),
-          new DrStripElement(
-            this,
-            __render,
-            { raws, fag },
-            { element, attrName: _RawSet2.DR_STRIP_NAME, attr: drAttr.drStripElement, attrs: drAttr },
-            { config, obj, operatorAround: config.operatorAround?.drThis },
-            { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }
-          ),
-          new DrThis(
-            this,
-            __render,
-            { raws, fag },
-            { element, attrName: _RawSet2.DR_THIS_NAME, attr: drAttr.drThis, attrs: drAttr },
-            { config, obj, operatorAround: config.operatorAround?.drThis },
-            { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }
-          ),
-          new DrForm(
-            this,
-            __render,
-            { raws, fag },
-            { element, attrName: _RawSet2.DR_FOR_NAME, attr: drAttr.drForm, attrs: drAttr },
-            { config, obj, operatorAround: config.operatorAround?.drForm },
-            { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }
-          ),
-          new DrInnerText(
-            this,
-            __render,
-            { raws, fag },
-            { element, attrName: _RawSet2.DR_INNERTEXT_NAME, attr: drAttr.drInnerText, attrs: drAttr },
-            { config, obj, operatorAround: config.operatorAround?.drInnerText },
-            { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }
-          ),
-          new DrInnerHTML(
-            this,
-            __render,
-            { raws, fag },
-            { element, attrName: _RawSet2.DR_INNERHTML_NAME, attr: drAttr.drInnerHTML, attrs: drAttr },
-            { config, obj, operatorAround: config.operatorAround?.drInnerHTML },
-            { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }
-          ),
-          new DrFor(
-            this,
-            __render,
-            { raws, fag },
-            { element, attrName: _RawSet2.DR_FOR_NAME, attr: drAttr.drFor, attrs: drAttr },
-            { config, obj, operatorAround: config.operatorAround?.drFor },
-            { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }
-          ),
-          new DrForOf(
-            this,
-            __render,
-            { raws, fag },
-            { element, attrName: _RawSet2.DR_FOR_OF_NAME, attr: drAttr.drForOf, attrs: drAttr },
-            { config, obj, operatorAround: config.operatorAround?.drForOf },
-            { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }
-          ),
-          new DrThisProperty(
-            this,
-            __render,
-            { raws, fag },
-            { element, attrName: _RawSet2.DR_THIS_PROPERTY_NAME, attr: drAttr.drThisProperty, attrs: drAttr },
-            { config, obj, operatorAround: config.operatorAround?.drThisProperty },
-            { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }
-          ),
-          new DrAppender(
-            this,
-            __render,
-            { raws, fag },
-            { element, attrName: _RawSet2.DR_APPENDER_NAME, attr: drAttr.drAppender, attrs: drAttr },
-            { config, obj, operatorAround: config.operatorAround?.drAppender },
-            { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }
-          ),
-          new DrRepeat(
-            this,
-            __render,
-            { raws, fag },
-            { element, attrName: _RawSet2.DR_REPEAT_NAME, attr: drAttr.drRepeat, attrs: drAttr },
-            { config, obj, operatorAround: config.operatorAround?.drRepeat },
-            { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }
-          ),
-          new DrTargetElementIsElement(
-            this,
-            __render,
-            { raws, fag },
-            {
-              element,
-              attrName: _RawSet2.DR_REPLACE_TARGET_ELEMENT_IS_NAME,
-              attr: drAttr.drReplaceTargetElementIs,
-              attrs: drAttr
-            },
-            { config, obj },
-            { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }
-          ),
-          new DrTargetElement(
-            this,
-            __render,
-            { raws, fag },
-            { element, attrs: drAttr },
-            { config, obj },
-            { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }
-          ),
-          new DrTargetAttr(
-            this,
-            __render,
-            { raws, fag },
-            { element, attrs: drAttr },
-            { config, obj },
-            { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }
-          )
+          new DrIf(this, __render, { raws, fag }, { element, attrName: _RawSet2.DR_IF_NAME, attr: drAttr.drIf, attrs: drAttr }, { config, obj, operatorAround: config.operatorAround?.drIf }, { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }),
+          new DrStripElement(this, __render, { raws, fag }, { element, attrName: _RawSet2.DR_STRIP_NAME, attr: drAttr.drStripElement, attrs: drAttr }, { config, obj, operatorAround: config.operatorAround?.drThis }, { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }),
+          new DrThis(this, __render, { raws, fag }, { element, attrName: _RawSet2.DR_THIS_NAME, attr: drAttr.drThis, attrs: drAttr }, { config, obj, operatorAround: config.operatorAround?.drThis }, { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }),
+          new DrForm(this, __render, { raws, fag }, { element, attrName: _RawSet2.DR_FOR_NAME, attr: drAttr.drForm, attrs: drAttr }, { config, obj, operatorAround: config.operatorAround?.drForm }, { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }),
+          new DrInnerText(this, __render, { raws, fag }, { element, attrName: _RawSet2.DR_INNERTEXT_NAME, attr: drAttr.drInnerText, attrs: drAttr }, { config, obj, operatorAround: config.operatorAround?.drInnerText }, { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }),
+          new DrInnerHTML(this, __render, { raws, fag }, { element, attrName: _RawSet2.DR_INNERHTML_NAME, attr: drAttr.drInnerHTML, attrs: drAttr }, { config, obj, operatorAround: config.operatorAround?.drInnerHTML }, { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }),
+          new DrFor(this, __render, { raws, fag }, { element, attrName: _RawSet2.DR_FOR_NAME, attr: drAttr.drFor, attrs: drAttr }, { config, obj, operatorAround: config.operatorAround?.drFor }, { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }),
+          new DrForOf(this, __render, { raws, fag }, { element, attrName: _RawSet2.DR_FOR_OF_NAME, attr: drAttr.drForOf, attrs: drAttr }, { config, obj, operatorAround: config.operatorAround?.drForOf }, { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }),
+          new DrThisProperty(this, __render, { raws, fag }, { element, attrName: _RawSet2.DR_THIS_PROPERTY_NAME, attr: drAttr.drThisProperty, attrs: drAttr }, { config, obj, operatorAround: config.operatorAround?.drThisProperty }, { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }),
+          new DrAppender(this, __render, { raws, fag }, { element, attrName: _RawSet2.DR_APPENDER_NAME, attr: drAttr.drAppender, attrs: drAttr }, { config, obj, operatorAround: config.operatorAround?.drAppender }, { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }),
+          new DrRepeat(this, __render, { raws, fag }, { element, attrName: _RawSet2.DR_REPEAT_NAME, attr: drAttr.drRepeat, attrs: drAttr }, { config, obj, operatorAround: config.operatorAround?.drRepeat }, { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }),
+          new DrTargetElementIsElement(this, __render, { raws, fag }, { element, attrName: _RawSet2.DR_REPLACE_TARGET_ELEMENT_IS_NAME, attr: drAttr.drReplaceTargetElementIs, attrs: drAttr }, { config, obj }, { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }),
+          new DrTargetElement(this, __render, { raws, fag }, { element, attrs: drAttr }, { config, obj }, { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }),
+          new DrTargetAttr(this, __render, { raws, fag }, { element, attrs: drAttr }, { config, obj }, { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks })
         ];
         for (const operator of operators) {
           const state = await operator.start();
@@ -7924,6 +8153,7 @@ var _RawSet = class _RawSet2 {
         }
       });
     }
+    console.groupEnd();
     return { raws, executedOperators };
   }
   // 중요 스타일 적용 부분
@@ -8042,7 +8272,7 @@ var _RawSet = class _RawSet2 {
           }
           if (element2.hasAttribute(EventManager.attrAttrName)) {
             const script = element2.getAttribute(EventManager.attrAttrName) ?? "";
-            const keyValuePairs = Array.from(script.matchAll(/(\w+):\s*([^,}]+)/g)).map((match) => ({
+            const keyValuePairs = Array.from(script.matchAll(/['"]?([\w-_]+)['"]?:\s*([^,}]+)/g)).map((match) => ({
               key: match[1],
               value: match[2]
             }));
@@ -8052,20 +8282,22 @@ var _RawSet = class _RawSet2 {
           }
           const targetElementIs = element2.getAttribute(_RawSet2.DR_REPLACE_TARGET_ELEMENT_IS_NAME);
           const targetElementNames = config.targetElements?.map((it) => it.name.toLowerCase()) ?? [];
+          targetElementNames.push(..._RawSet2.DR_ELEMENTS);
           const isElement = targetElementNames.includes(element2.tagName.toLowerCase()) || targetElementNames.includes(targetElementIs?.toLowerCase());
           const targetAttrNames = (config.targetAttrs?.map((it) => it.name) ?? []).concat([..._RawSet2.DR_ATTRIBUTES]);
           const normalAttrs = /* @__PURE__ */ new Map();
           const linkVariables = /* @__PURE__ */ new Map();
           const linkNames = EventManager.linkAttrs.map((it) => it.name);
           const isAttr = element2.getAttributeNames().filter((it) => !EventManager.noDetectAttr.includes(it)).filter((it) => {
-            const value = element2.getAttribute(it);
+            const value = element2.getAttribute(it)?.trim();
             if (value && linkNames.includes(it)) {
               linkVariables.set(it, value);
             } else if (value && _RawSet2.isExpression(value)) {
               const variablePaths = _RawSet2.expressionGroups(value).map((it2) => ({
-                origin: it2[0],
-                inner: it2[1]
+                origin: it2[0].trim(),
+                inner: it2[1].trim()
               }));
+              const isStringTemplate = variablePaths.length > 1 || variablePaths[0] && variablePaths[0].origin !== value;
               let targetScript = value;
               variablePaths.forEach((it2) => {
                 let r3 = it2.inner.replace(/#[^#]*#/g, "({})");
@@ -8078,7 +8310,7 @@ var _RawSet = class _RawSet2 {
               } else {
                 element2.setAttribute(it, cval);
               }
-              normalAttrs.set(it, { originalAttrValue: value, variablePaths });
+              normalAttrs.set(it, { originalAttrValue: value, variablePaths, isStringTemplate });
             }
             const isTargetAttr = targetAttrNames.includes(it.toLowerCase());
             return isTargetAttr;
@@ -8149,7 +8381,8 @@ var _RawSet = class _RawSet2 {
           lasterIndex = regexArr.index + it.content.length;
         }
         template.content.append(config.window.document.createTextNode(text.substring(lasterIndex, text.length)));
-        currentNode2?.parentNode?.replaceChild(template.content, currentNode2);
+        const p = currentNode2?.parentNode;
+        p?.replaceChild(template.content, currentNode2);
       } else if (currentNode2.nodeType === Node2.ELEMENT_NODE) {
         const uuid = `${RandomUtils.alphabet(40)}`;
         const element2 = currentNode2;
@@ -8158,6 +8391,7 @@ var _RawSet = class _RawSet2 {
         const startEndPoint = _RawSet2.createStartEndPoint({ node: element2, id: uuid, type: elementType }, config);
         const targetElementIs = element2.getAttribute(_RawSet2.DR_REPLACE_TARGET_ELEMENT_IS_NAME);
         const targetElementNames = config.targetElements?.map((it) => it.name.toLowerCase()) ?? [];
+        targetElementNames.push(..._RawSet2.DR_ELEMENTS);
         const isElement = targetElementNames.includes(element2.tagName.toLowerCase()) || targetElementNames.includes(targetElementIs?.toLowerCase());
         const targetAttrNames = (config.targetAttrs?.map((it) => it.name) ?? []).concat(_RawSet2.DR_ATTRIBUTES);
         const isAttr = element2.getAttributeNames().filter((it) => targetAttrNames.includes(it.toLowerCase())).length > 0;
@@ -8520,9 +8754,11 @@ var _RawSet = class _RawSet2 {
     if (templateReplacements.length > 0) {
       targetElement.innerHTML = StringUtils.replaceSequentially(targetElement.innerHTML, templateReplacements);
     }
+    const componentName = targetElement.getAttribute(_RawSet2.DR_VARIABLE_NAME_OPTIONNAME) ?? "component";
     const optionThisName = targetElement.getAttribute(_RawSet2.DR_THIS_NAME_OPTIONNAME);
     targetElement.getAttributeNames().forEach((it) => targetElement.setAttribute(it, targetElement.getAttribute(it).replace(/#this#/g, drThis)));
     const thisRandom = this.drThisEncoding(targetElement, drThis, { asIs: /@this@/g });
+    targetElement.innerHTML = targetElement.innerHTML.replaceAll(`#${componentName}#`, drThis);
     if (optionThisName) {
       targetElement.innerHTML = targetElement.innerHTML.replaceAll(`@${optionThisName}@`, drThis);
     }
@@ -8696,7 +8932,8 @@ var _RawSet = class _RawSet2 {
         );
         if (data && innerHTMLThisRandom) {
           const template2 = config.window.document.createElement("template");
-          template2.innerHTML = ElementUtils.toInnerHTML(data, { document: config.window.document }).replace(RegExp(innerHTMLThisRandom, "g"), "this.");
+          let s = ElementUtils.toInnerHTML(data, { document: config.window.document });
+          template2.innerHTML = s.replace(RegExp(innerHTMLThisRandom, "g"), "this.");
           ;
           data = template2.content;
         }
@@ -8736,22 +8973,17 @@ var _RawSet = class _RawSet2 {
       new Map(JSON.parse(normalAttribute)).forEach((v, k) => {
         const variablePaths = v.variablePaths;
         let targetScript = v.originalAttrValue.trim();
-        let checktargetScript = v.originalAttrValue.trim();
-        variablePaths.forEach((it) => {
-          checktargetScript = targetScript.replaceAll(it.origin, "");
-        });
-        let isScriptValue = checktargetScript.length === 0 && variablePaths.length === 1;
-        if (isScriptValue) {
-          let r = ObjectUtils.Path.toOptionalChainPath(variablePaths[0].inner);
-          targetScript = targetScript.replaceAll(variablePaths[0].origin, r);
-        } else {
+        if (v.isStringTemplate) {
           variablePaths.forEach((it) => {
             let r = ObjectUtils.Path.toOptionalChainPath(it.inner);
             targetScript = targetScript.replaceAll(it.origin, `\${${r}}`);
           });
+        } else {
+          let r = ObjectUtils.Path.toOptionalChainPath(variablePaths[0].inner);
+          targetScript = targetScript.replaceAll(variablePaths[0].origin, r);
         }
         const cval = ObjectUtils.Script.evaluateReturn(
-          { bodyScript: config.script, returnScript: isScriptValue ? targetScript : "`" + targetScript + "`" },
+          { bodyScript: config.script, returnScript: v.isStringTemplate ? "`" + targetScript + "`" : targetScript },
           Object.assign(config.obj, config.renderData ? { __render: config.renderData } : void 0)
         );
         attribute[k] = cval;
@@ -8775,6 +9007,7 @@ _RawSet.DR_INNERTEXT_NAME = "dr-inner-text";
 _RawSet.DR_DETECT_NAME = "dr-detect";
 _RawSet.DR_STRIP_NAME = "dr-strip";
 _RawSet.DR_REPLACE_TARGET_ELEMENT_IS_NAME = "dr-replace-target-element-is";
+_RawSet.DR_TARGET_ELEMENT_ELEMENTNAME = "dr-target-element";
 _RawSet.DR_DETECT_IF_OPTIONNAME = "dr-detect-option-if";
 _RawSet.DR_DETECT_FILTER_OPTIONNAME = "dr-detect-option-filter";
 _RawSet.DR_DETECT_ATTR_OPTIONNAME = "dr-detect-option-attr";
@@ -8831,6 +9064,9 @@ _RawSet.drAttrsOriginName = {
   drKeyOption: _RawSet.DR_KEY_OPTIONNAME
 };
 _RawSet.DR_TAGS = [];
+_RawSet.DR_ELEMENTS = [
+  _RawSet.DR_TARGET_ELEMENT_ELEMENTNAME
+];
 _RawSet.DR_ATTRIBUTES = [
   _RawSet.DR_NAME,
   _RawSet.DR_APPENDER_NAME,
@@ -8844,7 +9080,7 @@ _RawSet.DR_ATTRIBUTES = [
   _RawSet.DR_INNERHTML_NAME,
   _RawSet.DR_INNERTEXT_NAME,
   _RawSet.DR_REPEAT_NAME,
-  _RawSet.DR_DETECT_NAME,
+  // RawSet.DR_DETECT_NAME, // TODO: DrDetect 오퍼레이터 구현 필요
   _RawSet.DR_STRIP_NAME
 ];
 var RawSet = _RawSet;
@@ -8852,10 +9088,7 @@ var RawSet = _RawSet;
 // ../dom-render/dist/esm/decorators/DomRenderNoProxy.js
 var DomRenderNoProxyKey = "DomRender:NoProxy";
 var getDomRenderNoProxy = (target, propertyKey) => {
-  if (propertyKey === void 0) {
-    return Reflect.getMetadata(DomRenderNoProxyKey, target);
-  }
-  return Reflect.getMetadata(DomRenderNoProxyKey, target, propertyKey);
+  return ReflectUtils.getMetadata(DomRenderNoProxyKey, target, propertyKey);
 };
 var isDomRenderNoProxy = (target, propertyKey) => {
   return ValidUtils.isNullOrUndefined(target) || getDomRenderNoProxy(target, propertyKey) === true;
@@ -8900,6 +9133,11 @@ var isOnRawSetRendered = (obj) => {
   return typeof obj?.onRawSetRendered === "function";
 };
 
+// ../dom-render/dist/esm/lifecycle/OnChildRawSetRendered.js
+var isOnChildRawSetRendered = (obj) => {
+  return typeof obj?.onChildRawSetRendered === "function";
+};
+
 // ../dom-render/dist/esm/DomRenderProxy.js
 var excludeGetSetPropertys = [
   "onBeforeReturnGet",
@@ -8931,6 +9169,7 @@ var getDomRenderConfig = (obj) => {
   return void 0;
 };
 var DomRenderProxy = class _DomRenderProxy {
+  // public name = Math.random();
   constructor(_domRender_origin, target, _domRender_config) {
     this._domRender_origin = _domRender_origin;
     this._domRender_config = _domRender_config;
@@ -9019,7 +9258,7 @@ var DomRenderProxy = class _DomRenderProxy {
       const onInit = target.getAttribute?.(RawSet.DR_ON_INIT_ARGUMENTS_OPTIONNAME);
       let initParam;
       if (onCreate) {
-        initParam = ScriptUtils.evaluateReturn(onCreate, this._domRender_proxy);
+        initParam = ObjectUtils.Script.evaluateReturn(onCreate, this._domRender_proxy);
       }
       if (isOnInitRender(this._domRender_proxy)) {
         await this._domRender_proxy.onInitRender(
@@ -9048,46 +9287,65 @@ var DomRenderProxy = class _DomRenderProxy {
     }
     const removeRawSets = [];
     const rawSets = raws ?? this.getRawSets();
-    for (const it of rawSets) {
-      it.getUsingTriggerVariables(this._domRender_config).forEach((path2) => {
-        this.addRawSet(path2, it);
-      });
-      let renderResult;
-      if (it.isConnected) {
-        const targetAttrMap = it.point.node?.getAttribute?.(EventManager.normalAttrMapAttrName);
-        if (it.detect?.action) {
-          it.detect.action();
-        } else if (it.type === RawSetType.TARGET_ELEMENT && it.dataSet?.render?.currentThis && fullPathStr && targetAttrMap) {
-          new Map(JSON.parse(targetAttrMap)).forEach((v, k) => {
-            var _a7;
-            const isUsing = v.variablePaths.some((it2) => EventManager.isUsingThisVar(it2.inner, `this.${fullPathStr}`));
-            if (isUsing) {
-              const targetAttrObject = RawSet.getAttributeObject(it.point.node, {
-                script: it.dataSet?.render?.renderScript ?? "",
-                obj: Object.assign(this._domRender_proxy ?? {}, { __render: it.dataSet?.render })
-              });
-              (_a7 = it.dataSet).render ?? (_a7.render = {});
-              it.dataSet.render.attribute = targetAttrObject;
-              if (isOnChangeAttrRender(it.dataSet?.render?.currentThis)) {
-                it.dataSet?.render?.currentThis?.onChangeAttrRender?.(k, targetAttrObject[k], { rawSet: it });
+    const CHUNK_SIZE = 50;
+    const chunks = [];
+    const rawSetsArray = Array.from(rawSets);
+    for (let i = 0; i < rawSetsArray.length; i += CHUNK_SIZE) {
+      chunks.push(rawSetsArray.slice(i, i + CHUNK_SIZE));
+    }
+    for (const chunk of chunks) {
+      const promises2 = chunk.map(async (it) => {
+        it.getUsingTriggerVariables(this._domRender_config).forEach((path2) => {
+          this.addRawSet(path2, it);
+        });
+        let renderResult;
+        if (it.isConnected) {
+          const targetAttrMap = it.point.node?.getAttribute?.(EventManager.normalAttrMapAttrName);
+          if (it.detect?.action) {
+            it.detect.action();
+          } else if (it.type === RawSetType.TARGET_ELEMENT && it.dataSet?.render?.currentThis && fullPathStr && targetAttrMap) {
+            const attrStart = performance.now();
+            new Map(JSON.parse(targetAttrMap)).forEach((v, k) => {
+              var _a7;
+              const isUsing = v.variablePaths.some((it2) => EventManager.isUsingThisVar(it2.inner, `this.${fullPathStr}`));
+              if (isUsing) {
+                const targetAttrObject = RawSet.getAttributeObject(it.point.node, {
+                  script: it.dataSet?.render?.renderScript ?? "",
+                  obj: Object.assign(this._domRender_proxy ?? {}, { __render: it.dataSet?.render })
+                });
+                (_a7 = it.dataSet).render ?? (_a7.render = {});
+                it.dataSet.render.attribute = targetAttrObject;
+                if (isOnChangeAttrRender(it.dataSet?.render?.currentThis)) {
+                  it.dataSet?.render?.currentThis?.onChangeAttrRender?.(k, targetAttrObject[k], { rawSet: it });
+                }
               }
+            });
+            const attrEnd = performance.now();
+          } else {
+            const renderStart = performance.now();
+            const rawSets2 = await it.render(this._domRender_proxy, this._domRender_config);
+            const renderEnd = performance.now();
+            renderResult = rawSets2;
+            if (rawSets2 && rawSets2.raws.length > 0) {
+              await this.render(rawSets2.raws);
             }
-          });
-        } else {
-          const rawSets2 = await it.render(this._domRender_proxy, this._domRender_config);
-          renderResult = rawSets2;
-          if (rawSets2 && rawSets2.raws.length > 0) {
-            await this.render(rawSets2.raws);
           }
+        } else {
+          removeRawSets.push(it);
         }
-      } else {
-        removeRawSets.push(it);
-      }
-      const t = it.findNearThis(this._domRender_proxy);
-      if (isOnRawSetRendered(t)) {
-        await t.onRawSetRendered(it, { path: fullPathStr, renderResult });
+        const t = it.findNearThis(this._domRender_proxy);
+        if (isOnRawSetRendered(t)) {
+          await t.onRawSetRendered(it, { path: fullPathStr, value: ObjectUtils.Script.evaluateReturn(`this.${fullPathStr}`, this._domRender_proxy), root: this._domRender_proxy, renderResult });
+        }
+      });
+      await Promise.all(promises2);
+      if (chunks.length > 1) {
+        await new Promise((resolve) => requestAnimationFrame(resolve));
       }
     }
+    if (isOnChildRawSetRendered(this._domRender_proxy)) {
+      await this._domRender_proxy.onChildRawSetRendered();
+    }
     if (removeRawSets.length > 0) {
       this.removeRawSet(...removeRawSets);
     }
@@ -9102,12 +9360,15 @@ var DomRenderProxy = class _DomRenderProxy {
   //   return current;
   // }
   root(pathInfos, value, lastDoneExecute = true) {
+    const rootStartTime = Date.now();
+    const pathKey = pathInfos.flat().map((i) => i.path).join(".");
     const fullPaths = [];
     if (this._domRender_ref.size > 0) {
       this._domRender_ref.forEach((it, key) => {
         if ("_DomRender_isProxy" in key) {
           it.forEach((sit) => {
             try {
+              const recursiveStartTime = Date.now();
               const concat = pathInfos.concat([[{ path: sit, obj: key }]]);
               const items = key._DomRender_proxy?.root(
                 concat,
@@ -9121,6 +9382,7 @@ var DomRenderProxy = class _DomRenderProxy {
         }
       });
     } else {
+      const pathProcessStartTime = Date.now();
       const strings = pathInfos.reverse().map((it) => it.map((it2) => it2.path).join(","));
       const fullPathStr = strings.map((it) => isNaN(Number(it)) ? "." + it : `[${it}]`).join("").slice(1);
       if (lastDoneExecute) {
@@ -9128,10 +9390,13 @@ var DomRenderProxy = class _DomRenderProxy {
         const front = strings.slice(0, strings.length - 1).map((it) => isNaN(Number(it)) ? "." + it : `[${it}]`).join("");
         const lastPropertyName = strings[strings.length - 1];
         const path2 = "this" + front;
-        const data = ScriptUtils.evaluateReturn(ObjectUtils.Path.toOptionalChainPath(path2), this._domRender_proxy);
+        const data = ObjectUtils.Script.evaluateReturn(ObjectUtils.Path.toOptionalChainPath(path2), this._domRender_proxy);
+        const promiseStartTime = Date.now();
         new Promise(async (resolve) => {
+          const promiseInnerStartTime = Date.now();
           let rData = [];
           const firstPathStr = front.slice(1);
+          const dictionaryCheckStartTime = Date.now();
           const firstTargets = this._rawSets.get(firstPathStr);
           const firstTargetDictionary = [];
           firstTargets?.forEach((it) => {
@@ -9173,6 +9438,7 @@ var DomRenderProxy = class _DomRenderProxy {
               rData = await this.render(rawSets);
             }
           }
+          const renderStartTime = Date.now();
           if (lastPropertyName === "length" && Array.isArray(data)) {
             const aIterable = this._rawSets.get(firstPathStr);
             if (aIterable) {
@@ -9181,13 +9447,17 @@ var DomRenderProxy = class _DomRenderProxy {
           } else if (iterable) {
             rData = await this.render(Array.from(iterable), fullPathStr);
           }
+          const eventProcessStartTime = Date.now();
           const Node2 = this._domRender_config.window.Node;
           this._targets.forEach((it) => {
             if (it.nodeType === Node2.DOCUMENT_FRAGMENT_NODE || it.nodeType === Node2.ELEMENT_NODE) {
+              const findAttrStartTime = Date.now();
               const targets = this._domRender_config.eventManager.findAttrElements(
                 it,
                 this._domRender_config
               );
+              const targetCount = targets?.size || targets?.length || 0;
+              const changeVarStartTime = Date.now();
               this._domRender_config.eventManager.changeVar(
                 this._domRender_proxy,
                 targets,
@@ -9197,7 +9467,7 @@ var DomRenderProxy = class _DomRenderProxy {
             }
           });
           if (rData?.length > 0 && isOnChildRenderedByProperty(data)) {
-            const propertyValue = ScriptUtils.evaluateReturn(`this.${lastPropertyName}`, data);
+            const propertyValue = ObjectUtils.Script.evaluateReturn(`this.${lastPropertyName}`, data);
             data.onChildRenderedByProperty(lastPropertyName, propertyValue);
           }
           resolve(rData);
@@ -9213,6 +9483,7 @@ var DomRenderProxy = class _DomRenderProxy {
       target[p] = value;
       return true;
     }
+    let start = performance.now();
     if (typeof p === "string") {
       value = this.proxy(receiver, value, p);
     }
@@ -9235,14 +9506,23 @@ var DomRenderProxy = class _DomRenderProxy {
         }).forEach((it) => {
           const variablePaths = it.valueScript.variablePaths;
           let targetScript = it.valueScript.originalAttrValue;
-          variablePaths.forEach((it2) => {
-            let r = ObjectUtils.Path.toOptionalChainPath(it2.inner);
-            targetScript = targetScript.replaceAll(it2.origin, `\${${r}}`);
-          });
-          const value1 = ObjectUtils.Script.evaluateReturn("`" + targetScript + "`", it.pathInfo.obj);
-          if (value1 === null) {
+          let script;
+          if (it.valueScript.isStringTemplate) {
+            variablePaths.forEach((it2) => {
+              let r = ObjectUtils.Path.toOptionalChainPath(it2.inner);
+              targetScript = targetScript.replaceAll(it2.origin, `\${${r}}`);
+            });
+            script = "`" + targetScript + "`";
+          } else {
+            variablePaths.forEach((it2) => {
+              let r = ObjectUtils.Path.toOptionalChainPath(it2.inner);
+              targetScript = targetScript.replaceAll(it2.origin, `${r}`);
+            });
+            script = targetScript;
+          }
+          const value1 = ObjectUtils.Script.evaluateReturn(script, it.pathInfo.obj);
+          if (value1 === null || value1 === void 0) {
             elementInfo.element.removeAttribute(it.key);
-            elementInfo.element[it.key] = null;
           } else {
             elementInfo.element.setAttribute(it.key, value1);
             elementInfo.element[it.key] = value1;
@@ -9252,11 +9532,11 @@ var DomRenderProxy = class _DomRenderProxy {
     );
     DocumentUtils.querySelectorAllByAttributeName(rootElement, EventManager.linkTargetMapAttrName)?.forEach(
       (elementInfo) => {
-        const targets = new Map(ScriptUtils.evaluateReturn(elementInfo.value));
+        const targets = new Map(ObjectUtils.Script.evaluateReturn(elementInfo.value));
         Array.from(targets.entries()).filter(([key, value2]) => value2.trim()).filter(isDefined).flatMap(([key, valueScript]) => {
           return fullPathInfo.flat().filter((it) => valueScript.includes(`this.${it.path}`)).flatMap((it) => ({ key, valueScript, pathInfo: it }));
         }).forEach((info) => {
-          const value1 = ScriptUtils.evaluateReturn(info.valueScript, info.pathInfo.obj);
+          const value1 = ObjectUtils.Script.evaluateReturn(info.valueScript, info.pathInfo.obj);
           const applyAttributeName = EventManager.linkAttrs.find((it) => it.name === info.key);
           if (applyAttributeName) {
             if (value1 === null) {
@@ -9434,46 +9714,47 @@ function filter(predicate) {
 }
 
 // ../core/dist/esm/message/operators/first.js
-var EmptyError = class extends Error {
-  constructor() {
-    super("no elements in sequence");
-    this.name = "EmptyError";
-  }
-};
-function first(predicate) {
+function first(predicate, defaultValue) {
   return (source) => {
     return new Observable((subscriber) => {
       let index = 0;
-      let found = false;
-      const sourceSubscription = source.subscribe({
+      let hasValue = false;
+      const subscription = source.subscribe({
         next: (value) => {
-          if (found) return;
-          const passed = predicate ? predicate(value, index++) : true;
-          if (passed) {
-            found = true;
+          if (hasValue) {
+            return;
+          }
+          const shouldEmit = predicate ? predicate(value, index++) : true;
+          if (shouldEmit) {
+            hasValue = true;
             subscriber.next(value);
             subscriber.complete();
-            sourceSubscription.unsubscribe();
+            subscription.unsubscribe();
           }
         },
         error: (err) => {
-          subscriber.error(err);
+          if (!hasValue) {
+            subscriber.error(err);
+          }
         },
         complete: () => {
-          if (!found) {
-            subscriber.error(new EmptyError());
+          if (!hasValue) {
+            if (defaultValue !== void 0) {
+              subscriber.next(defaultValue);
+              subscriber.complete();
+            } else {
+              subscriber.error(new Error("no elements in sequence"));
+            }
           }
         }
       });
-      return () => {
-        sourceSubscription.unsubscribe();
-      };
+      return subscription;
     });
   };
 }
 
 // ../core/dist/esm/message/internal/lastValueFrom.js
-var EmptyError2 = class extends Error {
+var EmptyError = class extends Error {
   constructor(message = "No elements in sequence") {
     super(message);
     this.name = "EmptyError";
@@ -9493,7 +9774,7 @@ function firstValueFrom(source) {
       error: reject,
       complete: () => {
         if (!_hasValue) {
-          reject(new EmptyError2());
+          reject(new EmptyError());
         }
       }
     });
@@ -9876,10 +10157,10 @@ var Alert = class {
     this.alertService = alertService;
     this.config = config;
     this.isActive = false;
-    this.activeBefore = [];
-    this.activeAfter = [];
-    this.deActiveBefore = [];
-    this.deActiveAfter = [];
+    this.activateBefore = [];
+    this.activateAfter = [];
+    this.deActivateBefore = [];
+    this.deActivateAfter = [];
     this.data = /* @__PURE__ */ new Map();
     if (config?.uuid) {
       this.uuid = config.uuid;
@@ -9888,16 +10169,16 @@ var Alert = class {
     }
   }
   addOpenBefore(fn) {
-    this.activeBefore.push(fn);
+    this.activateBefore.push(fn);
   }
   addOpenAfter(fn) {
-    this.activeAfter.push(fn);
+    this.activateAfter.push(fn);
   }
   addCloseBefore(fn) {
-    this.deActiveBefore.push(fn);
+    this.deActivateBefore.push(fn);
   }
   addCloseAfter(fn) {
-    this.deActiveAfter.push(fn);
+    this.deActivateAfter.push(fn);
   }
   setData(key, value) {
     this.data.set(key, value);
@@ -9905,35 +10186,35 @@ var Alert = class {
   getData(key) {
     return this.data.get(key);
   }
-  async active() {
+  async activate() {
     try {
-      await Promise.allSettled(this.activeBefore.map((it) => it())).then((it) => {
+      await Promise.allSettled(this.activateBefore.map((it) => it())).then((it) => {
         this.result = this.make();
         this.alertService?.publish({ action: AlertAction.ACTIVE, alert: this });
         this.isActive = true;
         if (this.config?.closeTime !== void 0 && this.config?.closeTime > 0) {
           setTimeout(() => {
-            this.inActive();
+            this.deActivate();
           }, this.config.closeTime);
         }
-        this.config?.active?.(this.result, this);
+        this.config?.activate?.(this.result, this);
       });
     } catch (e) {
     } finally {
-      await Promise.allSettled(this.activeAfter.map((it) => it())).then((it) => {
+      await Promise.allSettled(this.activateAfter.map((it) => it())).then((it) => {
       });
     }
   }
-  async inActive() {
+  async deActivate() {
     try {
-      await Promise.allSettled(this.deActiveBefore.map((it) => it())).then((it) => {
+      await Promise.allSettled(this.deActivateBefore.map((it) => it())).then((it) => {
         this.alertService?.publish({ action: AlertAction.IN_ACTIVE, alert: this });
         this.isActive = false;
-        this.config?.deActive?.(this.result, this);
+        this.config?.deActivate?.(this.result, this);
       });
     } catch (e) {
     } finally {
-      await Promise.allSettled(this.deActiveAfter.map((it) => it())).then((it) => {
+      await Promise.allSettled(this.deActivateAfter.map((it) => it())).then((it) => {
       });
     }
   }
@@ -10436,7 +10717,7 @@ var ApiService = class ApiService2 extends HttpJsonFetcher {
       const alert = this.alertService?.progress({ title: config.config.config.title });
       if (alert) {
         pipe.progress = alert;
-        alert.active();
+        alert.activate();
       }
     }
   }
@@ -10444,7 +10725,7 @@ var ApiService = class ApiService2 extends HttpJsonFetcher {
     this.subject.next({ type: "success", config, pipe });
     config.config?.config?.callBackSuccess?.(config, pipe);
     if (config.config?.config?.alertSuccessMsg) {
-      this.alertService?.success({ title: config.config.config.title })?.active();
+      this.alertService?.success({ title: config.config.config.title })?.activate();
     }
   }
   afterSuccessTransform(config, pipe) {
@@ -10452,7 +10733,7 @@ var ApiService = class ApiService2 extends HttpJsonFetcher {
   finally(config, pipe) {
     this.subject.next({ type: "final", config, pipe });
     config.config?.config?.callBackFinal?.(config, pipe);
-    pipe.progress?.inActive();
+    pipe.progress?.deActivate();
   }
   error(config, pipe, e) {
     console.log("error", e);
@@ -10461,7 +10742,7 @@ var ApiService = class ApiService2 extends HttpJsonFetcher {
     if (config.config?.config?.alertErrorMsg) {
       this.alertService?.danger({
         title: `${config.config.config.title ? config.config.config.title : ""}${e.message ? `(${e.message})` : ""}`
-      })?.active();
+      })?.activate();
     }
     if (config.config?.config?.enableErrorConsole) {
       console.error(`apiService Error ${config?.config?.config?.title}`, e);
@@ -10495,97 +10776,14 @@ var __decorate9 = function(decorators, target, key, desc) {
 var __metadata6 = function(k, v) {
   if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
+var SymbolIntentApiServiceProxy_1;
 var _a6;
-var SymbolIntentApiServiceProxy = class SymbolIntentApiServiceProxy2 {
+var SymbolIntentApiServiceProxy = SymbolIntentApiServiceProxy_1 = class SymbolIntentApiServiceProxy2 {
   constructor(apiService) {
     this.apiService = apiService;
-    console.log("-------apiService", apiService);
-  }
-  get(target, prop, receiver) {
-    const simConfig = getSim(target);
-    const apiService = this.apiService;
-    const value = Reflect.get(target, prop, receiver);
-    if (typeof value === "function" && simConfig?.symbol) {
-      return function(...args) {
-        const f = value;
-        const p = (userConfig) => {
-          const headers = { ...userConfig?.headers ?? {}, ...makeIntentHeaderBySymbol(simConfig.symbol) };
-          const method = userConfig?.method ?? "post";
-          if (method === "post" && userConfig?.multipartFormData) {
-            return apiService.post({
-              target: `/${String(prop)}`,
-              config: {
-                bypassTransform: userConfig?.bypassTransform,
-                transformText: userConfig?.transformText,
-                fetch: {
-                  credentials: "include",
-                  headers,
-                  body: ConvertUtils.toFormData(userConfig?.body)
-                }
-              }
-            });
-          } else if (method === "post") {
-            return apiService.postJson({
-              target: `/${String(prop)}`,
-              config: {
-                bypassTransform: userConfig?.bypassTransform,
-                transformText: userConfig?.transformText,
-                fetch: {
-                  credentials: "include",
-                  headers,
-                  body: userConfig?.body
-                }
-              }
-            });
-          } else if (method === "petch") {
-            return apiService.patchJson({
-              target: `/${String(prop)}`,
-              config: {
-                bypassTransform: userConfig?.bypassTransform,
-                transformText: userConfig?.transformText,
-                fetch: {
-                  credentials: "include",
-                  headers,
-                  body: userConfig?.body
-                }
-              }
-            });
-          } else {
-            return apiService[method]({
-              // return apiService.head({
-              target: { url: `/${String(prop)}`, searchParams: userConfig?.body },
-              config: {
-                bypassTransform: userConfig?.bypassTransform,
-                transformText: userConfig?.transformText,
-                fetch: {
-                  credentials: "include",
-                  headers
-                }
-              }
-            });
-          }
-        };
-        args.push(p);
-        return Reflect.apply(f, target, args);
-      };
-    }
-    return Reflect.get(target, prop, receiver);
   }
-  apply(target, thisArg, argArray) {
-    console.log("SymbolIntentApiServiceProxy apply");
-    return Reflect.apply(target, thisArg, argArray);
-  }
-};
-SymbolIntentApiServiceProxy = __decorate9([
-  Sim,
-  __metadata6("design:paramtypes", [typeof (_a6 = typeof ApiService !== "undefined" && ApiService) === "function" ? _a6 : Object])
-], SymbolIntentApiServiceProxy);
-
-// src/proxy/SymbolIntentApiServiceProxyBase.ts
-var SymbolIntentApiServiceProxyBase = class {
-  // 생성자는 프록시될 대상 객체(target)와 의존성을 주입받습니다.
-  constructor(apiService) {
-    const handler = {
+  static createHandler(apiService) {
+    return {
       get(target, prop, receiver) {
         const simConfig = getSim(target);
         const value = Reflect.get(target, prop, receiver);
@@ -10601,6 +10799,7 @@ var SymbolIntentApiServiceProxyBase = class {
                   config: {
                     bypassTransform: userConfig?.bypassTransform,
                     transformText: userConfig?.transformText,
+                    config: userConfig?.config,
                     fetch: {
                       credentials: "include",
                       headers,
@@ -10614,6 +10813,7 @@ var SymbolIntentApiServiceProxyBase = class {
                   config: {
                     bypassTransform: userConfig?.bypassTransform,
                     transformText: userConfig?.transformText,
+                    config: userConfig?.config,
                     fetch: {
                       credentials: "include",
                       headers,
@@ -10627,6 +10827,7 @@ var SymbolIntentApiServiceProxyBase = class {
                   config: {
                     bypassTransform: userConfig?.bypassTransform,
                     transformText: userConfig?.transformText,
+                    config: userConfig?.config,
                     fetch: {
                       credentials: "include",
                       headers,
@@ -10640,6 +10841,7 @@ var SymbolIntentApiServiceProxyBase = class {
                   config: {
                     bypassTransform: userConfig?.bypassTransform,
                     transformText: userConfig?.transformText,
+                    config: userConfig?.config,
                     fetch: {
                       credentials: "include",
                       headers
@@ -10655,10 +10857,28 @@ var SymbolIntentApiServiceProxyBase = class {
         return Reflect.get(target, prop, receiver);
       },
       apply(target, thisArg, argArray) {
-        console.log("SymbolIntentApiServiceProxyBase apply (from handler)");
+        console.log("SymbolIntentApiServiceProxy apply");
         return Reflect.apply(target, thisArg, argArray);
       }
     };
+  }
+  get(target, prop, receiver) {
+    return SymbolIntentApiServiceProxy_1.createHandler(this.apiService).get(target, prop, receiver);
+  }
+  apply(target, thisArg, argArray) {
+    return SymbolIntentApiServiceProxy_1.createHandler(this.apiService).apply(target, thisArg, argArray);
+  }
+};
+SymbolIntentApiServiceProxy = SymbolIntentApiServiceProxy_1 = __decorate9([
+  Sim,
+  __metadata6("design:paramtypes", [typeof (_a6 = typeof ApiService !== "undefined" && ApiService) === "function" ? _a6 : Object])
+], SymbolIntentApiServiceProxy);
+
+// src/proxy/SymbolIntentApiServiceProxyBase.ts
+var SymbolIntentApiServiceProxyBase = class {
+  // 생성자는 프록시될 대상 객체(target)와 의존성을 주입받습니다.
+  constructor(apiService) {
+    const handler = SymbolIntentApiServiceProxy.createHandler(apiService);
     return new Proxy(this, handler);
   }
 };
@@ -10705,6 +10925,7 @@ var FileUtils;
     constructor(_data) {
       this._data = _data;
       this.updateStats();
+      this.etcData = _data.etcData;
     }
     get originalName() {
       return this._data.originalName;
@@ -10754,10 +10975,11 @@ var FileUtils;
   }
   FileUtils2.File = File;
   FileUtils2.writeFile = async (buffer, config) => {
+    config ?? (config = {});
     config.path ?? (config.path = `${node_os.tmpdir()}/${RandomUtils.uuid4()}_${Date.now()}`);
     await node_fs.promises.mkdir(config.path.substring(0, config.path.lastIndexOf("/")), { recursive: true });
     await node_fs.promises.writeFile(config.path, buffer);
-    return new File({ path: config.path, originalName: config.originalName });
+    return new File({ path: config.path, originalName: config.originalName, etcData: config.etcData });
   };
   FileUtils2.path = (path2) => {
     return Array.isArray(path2) ? node_path.join(...path2) : path2;
@@ -10807,6 +11029,14 @@ var FileUtils;
     const p = FileUtils2.path(path2);
     return node_fs.promises.readFile(p, config?.option);
   };
+  FileUtils2.readJsonSync = (path2) => {
+    const json = FileUtils2.readStringSync(path2);
+    return JSON.parse(json);
+  };
+  FileUtils2.readJsonAsync = async (path2) => {
+    const json = await FileUtils2.readStringAsync(path2);
+    return JSON.parse(json);
+  };
   FileUtils2.readStringSync = (path2) => {
     const p = FileUtils2.path(path2);
     return node_fs.readFileSync(p, "utf-8");
@@ -10995,7 +11225,7 @@ var RequestResponse = class _RequestResponse {
     const formData = {};
     for (const it of m) {
       if (it.isFile) {
-        formData[it.name] = await FileUtils.writeFile(it.value, { originalName: it.filename });
+        formData[it.name] = await FileUtils.writeFile(it.value, { originalName: it.filename, etcData: it });
       } else {
         const target = formData[it.name];
         if (Array.isArray(target)) {
@@ -11311,6 +11541,11 @@ var RequestResponse = class _RequestResponse {
   //     // this.res.write(chunk);
   //     return this.createRequestResponseChain();
   // }
+  resRedirect(statusCode, location) {
+    this.res.statusCode = statusCode;
+    this.res.setHeader(HttpHeaders.Location, location);
+    this.res.end();
+  }
   resWriteHead(statusCode, headers) {
     return this.createRequestResponseChain(this.res.writeHead(statusCode, headers));
   }
@@ -11365,6 +11600,7 @@ var HttpMethod = /* @__PURE__ */ ((HttpMethod2) => {
 // ../simple-boot-http-server/dist/esm/decorators/MethodMapping.js
 var UrlMappingSituationType = /* @__PURE__ */ ((UrlMappingSituationType2) => {
   UrlMappingSituationType2["REQ_JSON_BODY"] = "SIMPLE_BOOT_HTTP_SERVER://URLMAPPING/REQ_JSON_BODY";
+  UrlMappingSituationType2["REQ_URL_SEARCH_PARAMS_OBJ"] = "SIMPLE_BOOT_HTTP_SERVER://URLMAPPING/REQ_URL_SEARCH_PARAMS_OBJ";
   UrlMappingSituationType2["REQ_FORM_URL_BODY"] = "SIMPLE_BOOT_HTTP_SERVER://URLMAPPING/REQ_FORM_URL_BODY";
   return UrlMappingSituationType2;
 })(UrlMappingSituationType || {});
@@ -11386,42 +11622,6 @@ var ReqMultipartFormBody = class {
   }
 };
 
-// ../simple-boot/dist/esm/decorators/validate/Validation.js
-var ValidMetadataKey = Symbol("ValidMetadataKey");
-var getValidIndex = (target, propertyKey) => {
-  if (target !== null && void 0 !== target && typeof target === "object") {
-    target = target.constructor;
-  }
-  if (propertyKey) {
-    const parameters = Reflect.getOwnMetadata(ValidMetadataKey, target, propertyKey);
-    return parameters ?? [];
-  } else {
-    return ReflectUtils.getMetadata(ValidMetadataKey, target) ?? [];
-  }
-};
-var ValidationMetadataKey = Symbol("ValidationMetadataKey");
-var getValidators = (target) => {
-  if (target !== null && void 0 !== target && typeof target === "object") {
-    target = target.constructor;
-  }
-  return ReflectUtils.getMetadata(ValidationMetadataKey, target) ?? [];
-};
-var execValidationInValid = (obj) => {
-  return execValidation(obj).filter((it) => !it.valid);
-};
-var execValidation = (obj) => {
-  const validators = getValidators(obj);
-  const reesults = [];
-  validators.forEach((it) => {
-    reesults.push({
-      name: it.propertyKey,
-      valid: it.validator(it.propertyKey, it),
-      message: ""
-    });
-  });
-  return reesults;
-};
-
 // ../simple-boot/dist/esm/errors/ValidException.js
 var ValidException = class {
   constructor(result) {
@@ -11520,6 +11720,10 @@ var InjectSituationType;
   InjectSituationType2.TransactionManager = Symbol("TransactionManager");
 })(InjectSituationType || (InjectSituationType = {}));
 
+// ../simple-boot-http-server/dist/esm/models/datas/search/ReqSearchParamsObj.js
+var ReqSearchParamsObj = class {
+};
+
 // ../simple-boot-http-server/dist/esm/SimpleBootHttpServer.js
 var SimpleBootHttpServer = class extends SimpleApplication {
   constructor(option = new HttpServerOption()) {
@@ -11655,6 +11859,7 @@ var SimpleBootHttpServer = class extends SimpleApplication {
               const validIndexs = getValidIndex(moduleInstance, it.propertyKey);
               if (injects) {
                 const isJson = injects.find((it2) => it2.config?.situationType === UrlMappingSituationType.REQ_JSON_BODY);
+                const isSearchParamsObj = injects.find((it2) => it2.config?.situationType === UrlMappingSituationType.REQ_URL_SEARCH_PARAMS_OBJ);
                 const isFormUrl = injects.find((it2) => it2.config?.situationType === UrlMappingSituationType.REQ_FORM_URL_BODY);
                 const isTransactionManager = injects.find((it2) => it2.config?.situationType === InjectSituationType.TransactionManager);
                 const siturationContainers = new SituationTypeContainers();
@@ -11674,6 +11879,19 @@ var SimpleBootHttpServer = class extends SimpleApplication {
                     data: data2
                   }));
                 }
+                if (isSearchParamsObj) {
+                  let data2 = rr.reqUrlSearchParamsObj;
+                  if (validIndexs.includes(isSearchParamsObj.index)) {
+                    const inValid = execValidationInValid(data2);
+                    if ((inValid?.length ?? 0) > 0) {
+                      throw new ValidException(inValid);
+                    }
+                  }
+                  siturationContainers.push(new SituationTypeContainer({
+                    situationType: UrlMappingSituationType.REQ_URL_SEARCH_PARAMS_OBJ,
+                    data: data2
+                  }));
+                }
                 if (isFormUrl) {
                   let data2 = await rr.reqBodyFormUrlData();
                   if (isFormUrl.type) {
@@ -11703,6 +11921,8 @@ var SimpleBootHttpServer = class extends SimpleApplication {
                   otherStorage.set(ReqFormUrlBody, await rr.reqBodyReqFormUrlBody());
                 } else if (paramType === ReqJsonBody) {
                   otherStorage.set(ReqJsonBody, await rr.reqBodyReqJsonBody());
+                } else if (paramType === ReqSearchParamsObj) {
+                  otherStorage.set(ReqSearchParamsObj, rr.reqUrlSearchParamsObj);
                 } else if (paramType === URLSearchParams3) {
                   otherStorage.set(URLSearchParams3, rr.reqUrlSearchParams);
                 } else if (paramType === ReqMultipartFormBody) {