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

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

@@ -246,6 +246,14 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
     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);
     };
@@ -682,57 +690,70 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
         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) {
@@ -1205,19 +1226,64 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
       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;
@@ -2607,9 +2673,19 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
     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)) {
@@ -2977,6 +3053,29 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
     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
@@ -3101,17 +3200,37 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
       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;
@@ -3119,7 +3238,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
     }
     get queryParamsAfterDecodeURI() {
       if (this.intent) {
-        return this.intent.queryParamsAfterDecodeURI;
+        return this.intent.queryParamsDecodeURI;
       }
     }
   };
@@ -3138,7 +3257,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
     };
   })(RouterAction || (RouterAction = {}));
 
-  // ../core/dist/esm/message/Subscriber..js
+  // ../core/dist/esm/message/Subscriber.js
   var Subscriber = class {
     constructor(destination) {
       this.destination = destination;
@@ -4243,6 +4362,53 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
     }
   };
 
+  // ../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;
@@ -4284,7 +4450,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
       } else if (typeof it === "string") {
         it = new Intent(it, data);
       }
-      let intent = it;
+      const intent = it;
       const r = [];
       if (!routerMatch) {
         if (intent.symbols) {
@@ -4303,7 +4469,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
         }
       });
       this.subject.next(it);
-      targetInstances.forEach((data2) => {
+      for (let data2 of targetInstances) {
         let orNewSim = data2;
         if (orNewSim) {
           if (intent.paths.length > 0) {
@@ -4315,6 +4481,18 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
               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) {
@@ -4328,15 +4506,22 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
             }
           } 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;
     }
   };
@@ -4348,6 +4533,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
   // ../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";
@@ -4526,7 +4712,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
 
   // ../core/dist/esm/string/StringUtils.js
   var StringUtils;
-  (function(StringUtils2) {
+  ((StringUtils2) => {
     StringUtils2.deleteEnter = (data) => {
       return data.replace(/\r?\n/g, "");
     };
@@ -4569,8 +4755,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
       return s;
     };
     StringUtils2.unescape = (html) => {
-      if (!html)
-        return "";
+      if (!html) return "";
       const htmlEntity = {
         quot: '"',
         amp: "&",
@@ -4620,8 +4805,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
       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 }) => {
@@ -4914,6 +5098,29 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
       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) {
@@ -5431,11 +5638,11 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
     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) {
@@ -5447,7 +5654,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
       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;
           }
@@ -5456,7 +5663,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
       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;
           }
@@ -5465,7 +5672,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
       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;
           }
@@ -5474,7 +5681,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
       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;
           }
@@ -5483,7 +5690,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
       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;
           }
@@ -5492,7 +5699,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
       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;
           }
@@ -5501,7 +5708,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
       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;
           }
@@ -5510,7 +5717,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
       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;
           }
@@ -5521,17 +5728,27 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
         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);
@@ -5550,19 +5767,19 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
             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);
@@ -5585,10 +5802,10 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
             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);
@@ -5600,7 +5817,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
           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),
@@ -5626,7 +5843,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
           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),
@@ -5643,21 +5860,29 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
           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);
             }
           }
         }
@@ -5668,29 +5893,77 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
           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();
@@ -5906,7 +6179,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
       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};
@@ -6064,7 +6337,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
   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};
@@ -6400,9 +6673,9 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
     }
     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);
@@ -6415,10 +6688,10 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
         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};
@@ -6436,7 +6709,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
             );
           }
           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);
@@ -6497,7 +6770,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
     }
     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 ?? ""}
@@ -6536,7 +6809,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
       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}) {
@@ -6585,6 +6858,10 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
       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 ?? ""}
@@ -6592,6 +6869,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
                     const forOf = ${ObjectUtils.Path.toOptionalChainPath(attr)};
                     const forOfStr = \`${attr}\`.trim();
                     // console.log('forOf---',forOf);
+                    // debugger;
                     if (forOf) {
                         for(const it of forOf) {
                             i++;
@@ -6610,16 +6888,39 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
                             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);
@@ -6642,13 +6943,13 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
                             }
 
                             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);
                             }
                    
@@ -6702,7 +7003,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
       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 ?? ""}
@@ -6760,7 +7061,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
       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; 
@@ -6815,9 +7116,18 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
       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}`);
@@ -6837,7 +7147,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
             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
@@ -6918,7 +7228,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
     }
     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);
@@ -6980,7 +7290,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
       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; 
@@ -7488,7 +7798,7 @@ ${indentStr}}`;
             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
                 }));
               }
@@ -7546,7 +7856,7 @@ ${indentStr}}`;
     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) => {
@@ -7660,10 +7970,49 @@ ${indentStr}}`;
       });
       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 = [];
@@ -7706,18 +8055,15 @@ ${indentStr}}`;
           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);
@@ -7756,140 +8102,23 @@ ${indentStr}}`;
           };
           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();
@@ -7952,6 +8181,7 @@ ${indentStr}}`;
           }
         });
       }
+      console.groupEnd();
       return { raws, executedOperators };
     }
     // 중요 스타일 적용 부분
@@ -8070,7 +8300,7 @@ ${indentStr}}`;
             }
             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]
               }));
@@ -8080,20 +8310,22 @@ ${indentStr}}`;
             }
             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, "({})");
@@ -8106,7 +8338,7 @@ ${indentStr}}`;
                 } 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;
@@ -8177,7 +8409,8 @@ ${indentStr}}`;
             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;
@@ -8186,6 +8419,7 @@ ${indentStr}}`;
           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;
@@ -8548,9 +8782,11 @@ ${indentStr}}`;
       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);
       }
@@ -8724,7 +8960,8 @@ ${indentStr}}`;
           );
           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;
           }
@@ -8764,22 +9001,17 @@ ${indentStr}}`;
         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;
@@ -8803,6 +9035,7 @@ ${indentStr}}`;
   _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";
@@ -8859,6 +9092,9 @@ ${indentStr}}`;
     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,
@@ -8872,7 +9108,7 @@ ${indentStr}}`;
     _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;
@@ -8880,10 +9116,7 @@ ${indentStr}}`;
   // ../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;
@@ -8928,6 +9161,11 @@ ${indentStr}}`;
     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",
@@ -8959,6 +9197,7 @@ ${indentStr}}`;
     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;
@@ -9047,7 +9286,7 @@ ${indentStr}}`;
         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(
@@ -9076,46 +9315,65 @@ ${indentStr}}`;
       }
       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);
       }
@@ -9130,12 +9388,15 @@ ${indentStr}}`;
     //   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,
@@ -9149,6 +9410,7 @@ ${indentStr}}`;
           }
         });
       } 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) {
@@ -9156,10 +9418,13 @@ ${indentStr}}`;
           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) => {
@@ -9201,6 +9466,7 @@ ${indentStr}}`;
                 rData = await this.render(rawSets);
               }
             }
+            const renderStartTime = Date.now();
             if (lastPropertyName === "length" && Array.isArray(data)) {
               const aIterable = this._rawSets.get(firstPathStr);
               if (aIterable) {
@@ -9209,13 +9475,17 @@ ${indentStr}}`;
             } 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,
@@ -9225,7 +9495,7 @@ ${indentStr}}`;
               }
             });
             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);
@@ -9241,6 +9511,7 @@ ${indentStr}}`;
         target[p] = value;
         return true;
       }
+      let start = performance.now();
       if (typeof p === "string") {
         value = this.proxy(receiver, value, p);
       }
@@ -9263,14 +9534,23 @@ ${indentStr}}`;
           }).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;
@@ -9280,11 +9560,11 @@ ${indentStr}}`;
       );
       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) {
@@ -9462,46 +9742,47 @@ ${indentStr}}`;
   }
 
   // ../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";
@@ -9521,7 +9802,7 @@ ${indentStr}}`;
         error: reject,
         complete: () => {
           if (!_hasValue) {
-            reject(new EmptyError2());
+            reject(new EmptyError());
           }
         }
       });
@@ -9904,10 +10185,10 @@ ${indentStr}}`;
       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;
@@ -9916,16 +10197,16 @@ ${indentStr}}`;
       }
     }
     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);
@@ -9933,35 +10214,35 @@ ${indentStr}}`;
     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) => {
         });
       }
     }
@@ -10464,7 +10745,7 @@ ${indentStr}}`;
         const alert = this.alertService?.progress({ title: config.config.config.title });
         if (alert) {
           pipe.progress = alert;
-          alert.active();
+          alert.activate();
         }
       }
     }
@@ -10472,7 +10753,7 @@ ${indentStr}}`;
       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) {
@@ -10480,7 +10761,7 @@ ${indentStr}}`;
     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);
@@ -10489,7 +10770,7 @@ ${indentStr}}`;
       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);
@@ -10523,97 +10804,14 @@ ${indentStr}}`;
   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);
@@ -10629,6 +10827,7 @@ ${indentStr}}`;
                     config: {
                       bypassTransform: userConfig?.bypassTransform,
                       transformText: userConfig?.transformText,
+                      config: userConfig?.config,
                       fetch: {
                         credentials: "include",
                         headers,
@@ -10642,6 +10841,7 @@ ${indentStr}}`;
                     config: {
                       bypassTransform: userConfig?.bypassTransform,
                       transformText: userConfig?.transformText,
+                      config: userConfig?.config,
                       fetch: {
                         credentials: "include",
                         headers,
@@ -10655,6 +10855,7 @@ ${indentStr}}`;
                     config: {
                       bypassTransform: userConfig?.bypassTransform,
                       transformText: userConfig?.transformText,
+                      config: userConfig?.config,
                       fetch: {
                         credentials: "include",
                         headers,
@@ -10668,6 +10869,7 @@ ${indentStr}}`;
                     config: {
                       bypassTransform: userConfig?.bypassTransform,
                       transformText: userConfig?.transformText,
+                      config: userConfig?.config,
                       fetch: {
                         credentials: "include",
                         headers
@@ -10683,10 +10885,28 @@ ${indentStr}}`;
           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);
     }
   };
@@ -10733,6 +10953,7 @@ ${indentStr}}`;
       constructor(_data) {
         this._data = _data;
         this.updateStats();
+        this.etcData = _data.etcData;
       }
       get originalName() {
         return this._data.originalName;
@@ -10782,10 +11003,11 @@ ${indentStr}}`;
     }
     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;
@@ -10835,6 +11057,14 @@ ${indentStr}}`;
       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");
@@ -11023,7 +11253,7 @@ ${indentStr}}`;
       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)) {
@@ -11339,6 +11569,11 @@ ${indentStr}}`;
     //     // 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));
     }
@@ -11393,6 +11628,7 @@ ${indentStr}}`;
   // ../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 || {});
@@ -11414,42 +11650,6 @@ ${indentStr}}`;
     }
   };
 
-  // ../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) {
@@ -11548,6 +11748,10 @@ ${indentStr}}`;
     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()) {
@@ -11683,6 +11887,7 @@ ${indentStr}}`;
                 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();
@@ -11702,6 +11907,19 @@ ${indentStr}}`;
                       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) {
@@ -11731,6 +11949,8 @@ ${indentStr}}`;
                     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 === import_url2.URLSearchParams) {
                     otherStorage.set(import_url2.URLSearchParams, rr.reqUrlSearchParams);
                   } else if (paramType === ReqMultipartFormBody) {