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

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

@@ -30,9 +30,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 
-// ../../node_modules/.pnpm/node-gzip@1.1.2/node_modules/node-gzip/dist/index.js
+// ../../../node_modules/.pnpm/node-gzip@1.1.2/node_modules/node-gzip/dist/index.js
 var require_dist = __commonJS({
-  "../../node_modules/.pnpm/node-gzip@1.1.2/node_modules/node-gzip/dist/index.js"(exports, module) {
+  "../../../node_modules/.pnpm/node-gzip@1.1.2/node_modules/node-gzip/dist/index.js"(exports, module) {
     "use strict";
     var zlib = __require("zlib");
     module.exports = {
@@ -218,6 +218,14 @@ var ValidUtils;
   const isConstructorLike = (fn) => {
     return typeof fn === "function" && typeof fn.prototype !== "undefined";
   };
+  ValidUtils2.isUrl = (str) => {
+    try {
+      new URL(str);
+      return true;
+    } catch (_) {
+      return false;
+    }
+  };
   ValidUtils2.isFrozen = (obj) => {
     return Object.isFrozen(obj);
   };
@@ -654,57 +662,70 @@ var ObjectUtils;
       if (Path2.isFunctionScript(path2) || Path2.isArrowFunctionScript(path2)) {
         return path2;
       }
-      if (path2.includes(" ? ") && path2.includes(" : ")) {
-        const parts = path2.split(/(\s+\?\s+|\s+:\s+)/);
-        const result = parts.map((part, index) => {
-          if (index === 0) {
-            const tokens2 = part.match(/[^?.[\]]+|\[[^\]]*\]/g);
-            if (tokens2 && tokens2.length > 1) {
-              return tokens2.join("?.");
-            }
+      const nullishCoalescingPlaceholder = "__NULLISH_COALESCING__";
+      const hasNullishCoalescing = path2.includes("??");
+      let tempPath = path2;
+      if (hasNullishCoalescing) {
+        tempPath = tempPath.replace(/\?\?/g, nullishCoalescingPlaceholder);
+      }
+      const ternaryMatch = tempPath.match(/\?\s+[^:]*:/);
+      if (ternaryMatch) {
+        const questionMarkIndex = tempPath.indexOf("?");
+        const colonIndex = tempPath.indexOf(":", questionMarkIndex);
+        if (questionMarkIndex !== -1 && colonIndex !== -1) {
+          const charAfterQuestion = tempPath.charAt(questionMarkIndex + 1);
+          if (charAfterQuestion === " " || charAfterQuestion === "	" || charAfterQuestion === "\n") {
+            const condition = tempPath.substring(0, questionMarkIndex).trim();
+            const trueBranch = tempPath.substring(questionMarkIndex + 1, colonIndex).trim();
+            const falseBranch = tempPath.substring(colonIndex + 1).trim();
+            const processedCondition = Path2.toOptionalChainPath(condition);
+            const processedTrueBranch = Path2.toOptionalChainPath(trueBranch);
+            const processedFalseBranch = Path2.toOptionalChainPath(falseBranch);
+            const finalResult = `${processedCondition} ? ${processedTrueBranch} : ${processedFalseBranch}`;
+            return hasNullishCoalescing ? finalResult.replace(new RegExp(nullishCoalescingPlaceholder, "g"), "??") : finalResult;
           }
-          return part;
-        });
-        return result.join("");
+        }
       }
-      if (path2.includes("(")) {
+      if (tempPath.includes("(")) {
         const functionCallMatches = [];
-        let tempPath = path2;
+        let workingPath = tempPath;
         let counter = 0;
         const functionCallRegex = /(\w+)\(([^()]*(?:\([^()]*\)[^()]*)*)\)/g;
         let match;
-        while ((match = functionCallRegex.exec(path2)) !== null) {
+        while ((match = functionCallRegex.exec(tempPath)) !== null) {
           const fullMatch = match[0];
           const funcName = match[1];
           const funcArgs = match[2];
           const placeholder = `__FUNC_CALL_${counter}__`;
-          const processedArgs = funcArgs ? Path2.toOptionalChainPath(funcArgs) : "";
+          let processedArgs = funcArgs ? Path2.toOptionalChainPath(funcArgs) : "";
+          processedArgs = processedArgs.replace(/\?\.\s*$/, "");
           const processedFuncCall = `${funcName}?.(${processedArgs})`;
           functionCallMatches.push({
             original: fullMatch,
             processed: processedFuncCall,
             placeholder
           });
-          tempPath = tempPath.replace(fullMatch, placeholder);
+          workingPath = workingPath.replace(fullMatch, placeholder);
           counter++;
         }
-        const tokens2 = tempPath.match(/[^?.[\]]+|\[[^\]]*\]/g);
+        const tokens2 = workingPath.match(/[^?.[\]]+|\[[^\]]*\]/g);
         let processedPath = "";
         if (tokens2 && tokens2.length > 1) {
           processedPath = tokens2.join("?.");
         } else {
-          processedPath = tempPath;
+          processedPath = workingPath;
         }
         for (const funcMatch of functionCallMatches) {
           processedPath = processedPath.replace(funcMatch.placeholder, funcMatch.processed);
         }
-        return processedPath;
+        return hasNullishCoalescing ? processedPath.replace(new RegExp(nullishCoalescingPlaceholder, "g"), "??") : processedPath;
       }
-      const tokens = path2.match(/[^?.[\]]+|\[[^\]]*\]/g);
+      const tokens = tempPath.match(/[^?.[\]]+|\[[^\]]*\]/g);
       if (!tokens) {
-        return path2;
+        return hasNullishCoalescing ? path2 : path2;
       }
-      return tokens.join("?.");
+      const result = tokens.join("?.");
+      return hasNullishCoalescing ? result.replace(new RegExp(nullishCoalescingPlaceholder, "g"), "??") : result;
     };
     Path2.removeOptionalChainOperator = (path2) => {
       if (!path2) {
@@ -945,7 +966,7 @@ var ObjectUtils;
         const func = new Function("window", "document", "console", `"use strict"; ${script}; `);
         func.call(destUser, globalContext.window, globalContext.document, globalContext.console);
       } catch (e) {
-        console.error("detectPathFromScript error:", e);
+        console.error("detectPathFromScript error:", script, e);
       }
       if (options?.excludeThis) {
         const filteredVars = /* @__PURE__ */ new Set();
@@ -1077,117 +1098,6 @@ var getStorage = (window2) => {
   return window2.aroundStorage;
 };
 
-// ../core/dist/esm/string/StringUtils.js
-var StringUtils;
-((StringUtils2) => {
-  StringUtils2.deleteEnter = (data) => {
-    return data.replace(/\r?\n/g, "");
-  };
-  StringUtils2.pickEmoji = (data) => {
-    return data.match(/[\p{Emoji}]/gu) ?? [];
-  };
-  StringUtils2.regexExec = (regex, text) => {
-    let varExec = regex.exec(text);
-    const usingVars = [];
-    while (varExec) {
-      usingVars.push(varExec);
-      varExec = regex.exec(varExec.input);
-    }
-    return usingVars;
-  };
-  StringUtils2.regexExecArrayReplace = (origin, regexpExecArrayOrRegex, replace) => {
-    const regexpExecArrays = Array.isArray(regexpExecArrayOrRegex) ? regexpExecArrayOrRegex : StringUtils2.regexExec(regexpExecArrayOrRegex, origin);
-    regexpExecArrays.reverse().forEach((it) => {
-      const r = typeof replace === "string" ? replace : replace(it);
-      origin = origin.substr(0, it.index) + origin.substr(it.index).replace(it[0], r);
-    });
-    return origin;
-  };
-  StringUtils2.escapeSpecialCharacterRegExp = (data) => {
-    return data.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-  };
-  StringUtils2.trim = (data) => data.trim();
-  StringUtils2.rsubString = (data_s, blen_n) => data_s.substring(data_s.length - blen_n, data_s.length);
-  StringUtils2.lsubString = (data_s, alen_n) => data_s.substring(0, alen_n);
-  StringUtils2.lpad = (fill_s, len_n, full_s) => {
-    while (len_n > full_s.length) {
-      full_s = fill_s + full_s;
-    }
-    return StringUtils2.rsubString(full_s, len_n);
-  };
-  StringUtils2.rpad = (fill_s, len_n, full_s) => {
-    while (len_n > full_s.length) {
-      full_s += fill_s;
-    }
-    return StringUtils2.lsubString(full_s, len_n);
-  };
-  StringUtils2.lappend = (count_n, input_s) => {
-    let s = "";
-    let i = 0;
-    while (i++ < count_n) {
-      s += input_s;
-    }
-    return s;
-  };
-  StringUtils2.unescape = (html) => {
-    if (!html) return "";
-    const htmlEntity = {
-      quot: '"',
-      amp: "&",
-      apos: "'",
-      lt: "<",
-      gt: ">",
-      nbsp: "\xA0",
-      iexcl: "\xA1",
-      cent: "\xA2",
-      pound: "\xA3",
-      curren: "\xA4",
-      yen: "\xA5",
-      brvbar: "\xA6",
-      sect: "\xA7",
-      uml: "\xA8",
-      copy: "\xA9",
-      ordf: "\xAA",
-      laquo: "\xAB",
-      not: "\xAC",
-      shy: "\xAD",
-      reg: "\xAE",
-      macr: "\xAF",
-      deg: "\xB0",
-      plusmn: "\xB1",
-      sup2: "\xB2",
-      sup3: "\xB3",
-      acute: "\xB4",
-      micro: "\xB5",
-      para: "\xB6",
-      middot: "\xB7",
-      cedil: "\xB8",
-      sup1: "\xB9",
-      ordm: "\xBA",
-      raquo: "\xBB",
-      frac14: "\xBC",
-      frac12: "\xBD",
-      frac34: "\xBE",
-      iquest: "\xBF",
-      "#x27": "'"
-    };
-    return html.replace(/&((?:(?:[a-z0-9]+|#[0-9]{1,6}|#x[0-9a-fA-F]{1,6});?)+);/gi, (match, entity) => {
-      const entities = entity.toLowerCase().split(";");
-      return entities.map((it) => it in htmlEntity ? htmlEntity[it] : match).join("");
-    });
-  };
-  StringUtils2.executeExpression = (formatString, object) => {
-    return formatString.replace(/\${([^{}]*)}/g, (matched, piece) => String(object[piece] ?? matched));
-  };
-  StringUtils2.ellipsis = (text, length) => {
-    if (text.length > length) return `${text.slice(0, length)}...`;
-    return text;
-  };
-  StringUtils2.appendPostposition = (text, { vowel, consonant }) => {
-    return `${text}${ValidUtils.lastConsonantLetter(text) ? consonant : vowel}`;
-  };
-})(StringUtils || (StringUtils = {}));
-
 // ../core/dist/esm/expression/Expression.js
 var Expression;
 ((Expression2) => {
@@ -1202,17 +1112,6 @@ var Expression;
       return binder;
     });
   };
-  let Group;
-  ((Group2) => {
-    Group2.isExpression = (data) => {
-      const reg = /[$#]\{([\s\S.]*?)\}[$#]/g;
-      return reg.test(data ?? "");
-    };
-    Group2.expressionGroups = (data) => {
-      const reg = /[$#]\{([\s\S.]*?)\}[$#]/g;
-      return StringUtils.regexExec(reg, data ?? "");
-    };
-  })(Group = Expression2.Group || (Expression2.Group = {}));
   let Path;
   ((Path2) => {
     Path2.pathNameData = (pathName, urlExpression) => {
@@ -1299,19 +1198,64 @@ var Intent = class {
     const paths = this.fullPath.split("?");
     return paths[1] ?? "";
   }
+  getQueryParamDecodeURI(key) {
+    const p = this.queryParamsDecodeURI;
+    if (key) {
+      return p[key];
+    } else {
+      return p;
+    }
+  }
+  getQueryParamDecodeURIFirst(key) {
+    const param = this.getQueryParamDecodeURI(key);
+    if (Array.isArray(param)) {
+      return param[0];
+    } else {
+      return param;
+    }
+  }
+  getQueryParam(key) {
+    const p = this.queryParams;
+    if (key) {
+      return p[key];
+    } else {
+      return p;
+    }
+  }
+  getQueryParamFirst(key) {
+    const param = this.getQueryParam(key);
+    if (Array.isArray(param)) {
+      return param[0];
+    } else {
+      return param;
+    }
+  }
   get queryParams() {
     const param = {};
     this.query.split("&")?.forEach((it) => {
       const a = it.split("=");
-      param[a[0]] = a[1];
+      if (param[a[0]]) {
+        if (Array.isArray(param[a[0]])) {
+          param[a[0]].push(a[1]);
+        } else {
+          param[a[0]] = [param[a[0]], a[1]];
+        }
+      } else {
+        param[a[0]] = a[1];
+      }
     });
     return param;
   }
-  get queryParamsAfterDecodeURI() {
+  get queryParamsDecodeURI() {
     const params = this.queryParams;
     for (const key in params) {
       if (params.hasOwnProperty(key)) {
-        params[key] = decodeURIComponent(params[key]);
+        const param = params[key];
+        if (Array.isArray(param)) {
+          params[key] = param.map((p) => decodeURIComponent(p));
+        } else {
+          params[key] = decodeURIComponent(param);
+        }
       }
     }
     return params;
@@ -2701,9 +2645,19 @@ var ConvertUtils;
   ConvertUtils22.jsonToMap = (jsonStr) => {
     return new Map(JSON.parse(jsonStr));
   };
+  ConvertUtils22.toUrl = (data) => {
+    try {
+      return new URL(data);
+    } catch (e) {
+      throw new Error(`Invalid URL string: ${data}`);
+    }
+  };
   ConvertUtils22.decodeURIString = (data) => {
     return decodeURIComponent(data);
   };
+  ConvertUtils22.encodeURIString = (data) => {
+    return encodeURIComponent(data);
+  };
   ConvertUtils22.objToStrMap = (obj) => {
     const strMap = /* @__PURE__ */ new Map();
     for (const k of Object.keys(obj)) {
@@ -2841,6 +2795,74 @@ var ConvertUtils;
   ConvertUtils22.decodeHTMLEscape = (data) => {
     return data.replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, '"').replace(/&#39;/g, "'").replace(/&#x2F;/g, "/");
   };
+  function escapeHTML(htmlString, option) {
+    if (!htmlString) return "";
+    const escapeMap = {
+      "&": "&amp;",
+      // 반드시 먼저 처리
+      "<": "&lt;",
+      ">": "&gt;",
+      '"': "&quot;",
+      "'": "&#39;",
+      // or &apos; (하지만 HTML4에서는 &#39; 권장)
+      "/": "&#x2F;",
+      "`": "&#x60;",
+      "=": "&#x3D;",
+      "{": "&#123;",
+      "}": "&#125;",
+      "#": "&#35;",
+      "$": "&#36;",
+      "\n": "&#10;",
+      // newline
+      "\r": "&#13;",
+      // carriage return
+      "	": "&#9;",
+      // tab
+      "\xA0": "&nbsp;",
+      // non-breaking space
+      "\xA2": "&cent;",
+      "\xA3": "&pound;",
+      "\xA5": "&yen;",
+      "\u20AC": "&euro;",
+      "\xA9": "&copy;",
+      "\xAE": "&reg;",
+      "\u2122": "&trade;",
+      "\xB0": "&deg;",
+      "\xB1": "&plusmn;",
+      "\xD7": "&times;",
+      "\xF7": "&divide;",
+      "\u2212": "&minus;",
+      "\u2022": "&bull;",
+      "\u2026": "&hellip;",
+      "\u2190": "&larr;",
+      "\u2192": "&rarr;",
+      "\u2191": "&uarr;",
+      "\u2193": "&darr;",
+      "\u2194": "&harr;"
+    };
+    const targetsSet = option?.targets ? new Set(option.targets) : null;
+    const filteredEscapeMap = targetsSet ? Object.fromEntries(Object.entries(escapeMap).filter(([key]) => targetsSet.has(key))) : escapeMap;
+    const shouldEscapeAmpersand = !targetsSet || targetsSet.has("&");
+    const charsToEscape = Object.keys(filteredEscapeMap).filter((char) => char !== "&");
+    if (charsToEscape.length === 0 && !shouldEscapeAmpersand) {
+      return htmlString;
+    }
+    const escapedChars = charsToEscape.map((char) => {
+      return char.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    }).join("");
+    let result = htmlString;
+    if (shouldEscapeAmpersand) {
+      result = result.replace(/&/g, "&amp;");
+    }
+    if (escapedChars.length > 0) {
+      const regex = new RegExp(`[${escapedChars}]`, "g");
+      result = result.replace(regex, (match) => {
+        return filteredEscapeMap[match] || match;
+      });
+    }
+    return result;
+  }
+  ConvertUtils22.escapeHTML = escapeHTML;
   ConvertUtils22.copyObject = (obj, update = {}) => {
     return { ...obj, ...update };
   };
@@ -3003,6 +3025,29 @@ var ConvertUtils;
   ConvertUtils22.stringJsonToKeyPairs = (stringJson) => {
     return Array.from(stringJson.matchAll(/(\w+):\s*([^,}]+)/g)).map((match) => ({ key: match[1], value: match[2] }));
   };
+  ConvertUtils22.stringToBase64 = (str) => {
+    return btoa(str);
+  };
+  ConvertUtils22.uint8ArrayToBase64 = (bytes) => {
+    let binary = "";
+    const len = bytes.byteLength;
+    for (let i = 0; i < len; i++) {
+      binary += String.fromCharCode(bytes[i]);
+    }
+    return btoa(binary);
+  };
+  ConvertUtils22.base64ToString = (base64) => {
+    return atob(base64);
+  };
+  ConvertUtils22.base64ToUint8Array = (base64) => {
+    const binaryString = atob(base64);
+    const len = binaryString.length;
+    const bytes = new Uint8Array(len);
+    for (let i = 0; i < len; i++) {
+      bytes[i] = binaryString.charCodeAt(i);
+    }
+    return bytes;
+  };
 })(ConvertUtils || (ConvertUtils = {}));
 
 // ../simple-boot/dist/esm/lifecycle/OnSimCreate.js
@@ -3127,17 +3172,37 @@ var RouterModule = class {
     return this.routerChains[0];
   }
   get firstRouteChainValue() {
-    return this.firstRouteChain.getValue();
+    return this.firstRouteChain?.getValue();
   }
   get lastRouteChain() {
     return this.routerChains[this.routerChains.length - 1];
   }
   get lastRouteChainValue() {
-    return this.lastRouteChain.getValue();
+    return this.lastRouteChain?.getValue();
   }
   hasActivateInLastRoute(obj) {
     return this.lastRouteChainValue?.hasActivate(obj) === true;
   }
+  getQueryParamDecodeURI(key) {
+    if (this.intent) {
+      return this.intent.getQueryParamDecodeURI(key);
+    }
+  }
+  getQueryParamDecodeURIFirst(key) {
+    if (this.intent) {
+      return this.intent.getQueryParamDecodeURIFirst(key);
+    }
+  }
+  getQueryParam(key) {
+    if (this.intent) {
+      return this.intent.getQueryParam(key);
+    }
+  }
+  getQueryParamFirst(key) {
+    if (this.intent) {
+      return this.intent.getQueryParamFirst(key);
+    }
+  }
   get queryParams() {
     if (this.intent) {
       return this.intent.queryParams;
@@ -3145,7 +3210,7 @@ var RouterModule = class {
   }
   get queryParamsAfterDecodeURI() {
     if (this.intent) {
-      return this.intent.queryParamsAfterDecodeURI;
+      return this.intent.queryParamsDecodeURI;
     }
   }
 };
@@ -3164,7 +3229,7 @@ var RouterAction;
   };
 })(RouterAction || (RouterAction = {}));
 
-// ../core/dist/esm/message/Subscriber..js
+// ../core/dist/esm/message/Subscriber.js
 var Subscriber = class {
   constructor(destination) {
     this.destination = destination;
@@ -4269,6 +4334,53 @@ var SimstanceManager = class _SimstanceManager {
   }
 };
 
+// ../simple-boot/dist/esm/intent/IntentSubscribe.js
+var isIntentSubscribe = (obj) => {
+  return !!obj && typeof obj.intentSubscribe === "function";
+};
+
+// ../simple-boot/dist/esm/decorators/cache/CacheDecorator.js
+var CacheMetadataKey = Symbol("Cache");
+
+// ../simple-boot/dist/esm/decorators/event/EventListener.js
+var EventListenerMetadataKey = Symbol("EventListener");
+
+// ../simple-boot/dist/esm/decorators/validate/Validation.js
+var ValidMetadataKey = Symbol("ValidMetadataKey");
+var getValidIndex = (target, propertyKey) => {
+  if (target !== null && void 0 !== target && typeof target === "object") {
+    target = target.constructor;
+  }
+  if (propertyKey) {
+    const parameters = Reflect.getOwnMetadata(ValidMetadataKey, target, propertyKey);
+    return parameters ?? [];
+  } else {
+    return ReflectUtils.getMetadata(ValidMetadataKey, target) ?? [];
+  }
+};
+var ValidationMetadataKey = Symbol("ValidationMetadataKey");
+var getValidators = (target) => {
+  if (target !== null && void 0 !== target && typeof target === "object") {
+    target = target.constructor;
+  }
+  return ReflectUtils.getMetadata(ValidationMetadataKey, target) ?? [];
+};
+var execValidationInValid = (obj) => {
+  return execValidation(obj).filter((it) => !it.valid);
+};
+var execValidation = (obj) => {
+  const validators = getValidators(obj);
+  const reesults = [];
+  validators.forEach((it) => {
+    reesults.push({
+      name: it.propertyKey,
+      valid: it.validator(it.propertyKey, it),
+      message: ""
+    });
+  });
+  return reesults;
+};
+
 // ../simple-boot/dist/esm/intent/IntentManager.js
 var __decorate2 = function(decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -4310,7 +4422,7 @@ var IntentManager = class IntentManager2 {
     } else if (typeof it === "string") {
       it = new Intent(it, data);
     }
-    let intent = it;
+    const intent = it;
     const r = [];
     if (!routerMatch) {
       if (intent.symbols) {
@@ -4329,7 +4441,7 @@ var IntentManager = class IntentManager2 {
       }
     });
     this.subject.next(it);
-    targetInstances.forEach((data2) => {
+    for (let data2 of targetInstances) {
       let orNewSim = data2;
       if (orNewSim) {
         if (intent.paths.length > 0) {
@@ -4341,6 +4453,18 @@ var IntentManager = class IntentManager2 {
             lastProp = i;
           });
           if (orNewSim && typeof orNewSim === "function") {
+            const injects = getInject(callthis, orNewSim.name);
+            if (injects) {
+              for (const inject of injects) {
+                let v = this.simstanceManager.findLastSim(inject.config).getValue();
+                if (typeof inject.config.returnFactory === "function") {
+                  v = await inject.config.returnFactory({ instance: callthis, methodName: orNewSim.name, parameter: intent.data }, v);
+                } else if (typeof inject.config.returnFactory === "string") {
+                  v = await v[inject.config.returnFactory]({ instance: callthis, methodName: orNewSim.name, parameter: intent.data }, v);
+                }
+                intent.data[inject.index] = v;
+              }
+            }
             if (PublishType.DATA_PARAMETERS === intent.publishType) {
               r.push(orNewSim.call(callthis, intent.data));
             } else if (PublishType.INLINE_DATA_PARAMETERS === intent.publishType) {
@@ -4354,15 +4478,22 @@ var IntentManager = class IntentManager2 {
           }
         } else {
           if (PublishType.DATA_PARAMETERS === intent.publishType) {
-            r.push(orNewSim?.intentSubscribe?.(intent.data));
+            if (isIntentSubscribe(orNewSim)) {
+              r.push(orNewSim.intentSubscribe(intent.data));
+            }
           } else if (PublishType.INLINE_DATA_PARAMETERS === intent.publishType) {
-            r.push(orNewSim?.intentSubscribe?.(...intent.data));
+            if (isIntentSubscribe(orNewSim)) {
+              r.push(orNewSim.intentSubscribe(...intent.data));
+            }
           } else {
-            r.push(orNewSim?.intentSubscribe?.(intent));
+            if (isIntentSubscribe(orNewSim)) {
+              r.push(orNewSim?.intentSubscribe?.(intent));
+            }
           }
         }
       }
-    });
+    }
+    ;
     return r;
   }
 };
@@ -4374,6 +4505,7 @@ IntentManager = __decorate2([
 // ../simple-boot-http-server/dist/esm/codes/HttpStatus.js
 var HttpStatus = /* @__PURE__ */ ((HttpStatus2) => {
   HttpStatus2[HttpStatus2["Ok"] = 200] = "Ok";
+  HttpStatus2[HttpStatus2["MultipleChoices"] = 300] = "MultipleChoices";
   HttpStatus2[HttpStatus2["MovedPermanently"] = 301] = "MovedPermanently";
   HttpStatus2[HttpStatus2["Found"] = 302] = "Found";
   HttpStatus2[HttpStatus2["SeeOther"] = 303] = "SeeOther";
@@ -4550,6 +4682,136 @@ var NotFoundError = class extends HttpError {
   }
 };
 
+// ../core/dist/esm/string/StringUtils.js
+var StringUtils;
+((StringUtils2) => {
+  StringUtils2.deleteEnter = (data) => {
+    return data.replace(/\r?\n/g, "");
+  };
+  StringUtils2.pickEmoji = (data) => {
+    return data.match(/[\p{Emoji}]/gu) ?? [];
+  };
+  StringUtils2.regexExec = (regex, text) => {
+    let varExec = regex.exec(text);
+    const usingVars = [];
+    while (varExec) {
+      usingVars.push(varExec);
+      varExec = regex.exec(varExec.input);
+    }
+    return usingVars;
+  };
+  StringUtils2.escapeSpecialCharacterRegExp = (data) => {
+    return data.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+  };
+  StringUtils2.trim = (data) => data.trim();
+  StringUtils2.rsubString = (data_s, blen_n) => data_s.substring(data_s.length - blen_n, data_s.length);
+  StringUtils2.lsubString = (data_s, alen_n) => data_s.substring(0, alen_n);
+  StringUtils2.lpad = (fill_s, len_n, full_s) => {
+    while (len_n > full_s.length) {
+      full_s = fill_s + full_s;
+    }
+    return StringUtils2.rsubString(full_s, len_n);
+  };
+  StringUtils2.rpad = (fill_s, len_n, full_s) => {
+    while (len_n > full_s.length) {
+      full_s += fill_s;
+    }
+    return StringUtils2.lsubString(full_s, len_n);
+  };
+  StringUtils2.lappend = (count_n, input_s) => {
+    let s = "";
+    let i = 0;
+    while (i++ < count_n) {
+      s += input_s;
+    }
+    return s;
+  };
+  StringUtils2.unescape = (html) => {
+    if (!html) return "";
+    const htmlEntity = {
+      quot: '"',
+      amp: "&",
+      apos: "'",
+      lt: "<",
+      gt: ">",
+      nbsp: "\xA0",
+      iexcl: "\xA1",
+      cent: "\xA2",
+      pound: "\xA3",
+      curren: "\xA4",
+      yen: "\xA5",
+      brvbar: "\xA6",
+      sect: "\xA7",
+      uml: "\xA8",
+      copy: "\xA9",
+      ordf: "\xAA",
+      laquo: "\xAB",
+      not: "\xAC",
+      shy: "\xAD",
+      reg: "\xAE",
+      macr: "\xAF",
+      deg: "\xB0",
+      plusmn: "\xB1",
+      sup2: "\xB2",
+      sup3: "\xB3",
+      acute: "\xB4",
+      micro: "\xB5",
+      para: "\xB6",
+      middot: "\xB7",
+      cedil: "\xB8",
+      sup1: "\xB9",
+      ordm: "\xBA",
+      raquo: "\xBB",
+      frac14: "\xBC",
+      frac12: "\xBD",
+      frac34: "\xBE",
+      iquest: "\xBF",
+      "#x27": "'"
+    };
+    return html.replace(/&((?:(?:[a-z0-9]+|#[0-9]{1,6}|#x[0-9a-fA-F]{1,6});?)+);/gi, (match, entity) => {
+      const entities = entity.toLowerCase().split(";");
+      return entities.map((it) => it in htmlEntity ? htmlEntity[it] : match).join("");
+    });
+  };
+  StringUtils2.executeExpression = (formatString, object) => {
+    return formatString.replace(/\${([^{}]*)}/g, (matched, piece) => String(object[piece] ?? matched));
+  };
+  StringUtils2.ellipsis = (text, length) => {
+    if (text.length > length) return `${text.slice(0, length)}...`;
+    return text;
+  };
+  StringUtils2.appendPostposition = (text, { vowel, consonant }) => {
+    return `${text}${ValidUtils.lastConsonantLetter(text) ? consonant : vowel}`;
+  };
+  StringUtils2.replaceSequentially = (text, replacements) => {
+    let remainingText = text;
+    let result = "";
+    while (remainingText.length > 0) {
+      let bestMatch = null;
+      for (const replacement of replacements) {
+        const newRegex = new RegExp(replacement.regex);
+        const match = newRegex.exec(remainingText);
+        if (match) {
+          if (bestMatch === null || match.index < bestMatch.index) {
+            bestMatch = { index: match.index, match, replacement };
+          }
+        }
+      }
+      if (bestMatch) {
+        const { index, match, replacement } = bestMatch;
+        const matchedString = match[0];
+        result += remainingText.substring(0, index);
+        result += replacement.callback(matchedString);
+        remainingText = remainingText.substring(index + matchedString.length);
+      } else {
+        result += remainingText;
+        break;
+      }
+    }
+    return result;
+  };
+})(StringUtils || (StringUtils = {}));
+
 // ../core-web/dist/esm/script/ScriptUtils.js
 var ScriptUtils = class _ScriptUtils {
   /**
@@ -4766,6 +5028,71 @@ var Promises;
     });
     return { promise, resolve, reject };
   };
+  Promises2.executeInChunks = async (promiseFactories, chunkSize = 10) => {
+    const results = [];
+    for (let i = 0; i < promiseFactories.length; i += chunkSize) {
+      const chunk = promiseFactories.slice(i, i + chunkSize);
+      const chunkResults = await Promise.all(chunk.map((factory) => factory()));
+      results.push(...chunkResults);
+      if (i + chunkSize < promiseFactories.length) {
+        await (0, Promises2.sleep)(100);
+      }
+    }
+    return results;
+  };
+  Promises2.executeWithConcurrency = async (promiseFactories, concurrency = 10) => {
+    const results = new Array(promiseFactories.length);
+    let currentIndex = 0;
+    const executeNext = async (index) => {
+      while (currentIndex < promiseFactories.length) {
+        const factoryIndex = currentIndex++;
+        results[factoryIndex] = await promiseFactories[factoryIndex]();
+      }
+    };
+    const workers = Array(Math.min(concurrency, promiseFactories.length)).fill(0).map((_, i) => executeNext(i));
+    await Promise.all(workers);
+    return results;
+  };
+  Promises2.executeWithLimit = async (promiseFactories, limit = 5) => {
+    const results = new Array(promiseFactories.length);
+    const executing = [];
+    for (const [index, factory] of promiseFactories.entries()) {
+      const promise = factory().then((result) => {
+        results[index] = result;
+      }).finally(() => {
+        executing.splice(executing.indexOf(promise), 1);
+      });
+      executing.push(promise);
+      if (executing.length >= limit) {
+        await Promise.race(executing);
+      }
+    }
+    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) {
@@ -5283,11 +5610,11 @@ var _EventManager = class _EventManager2 {
   findAttrElements(fragment, config) {
     const elements = /* @__PURE__ */ new Set();
     const addAttributes = config?.applyEvents?.map((it) => it.attrName) ?? [];
-    addAttributes.concat([..._EventManager2.attrNames]).forEach((attrName) => {
-      fragment?.querySelectorAll(`[${attrName}]`).forEach((it) => {
-        elements.add(it);
-      });
-    });
+    const attrs = addAttributes.concat([..._EventManager2.attrNames]).filter(Boolean);
+    if (attrs.length) {
+      const selector = attrs.map((a) => `[${a}]`).join(",");
+      fragment?.querySelectorAll(selector).forEach((it) => elements.add(it));
+    }
     return elements;
   }
   applyEvent(obj, childNodes, config) {
@@ -5299,7 +5626,7 @@ var _EventManager = class _EventManager2 {
     this.procAttr(childNodes, _EventManager2.valueAttrName, (it, attribute) => {
       const script = attribute;
       if (script) {
-        const data = ScriptUtils.evaluateReturn(script, obj);
+        const data = ObjectUtils.Script.evaluateReturn(script, obj);
         if (it.value !== data) {
           it.value = data;
         }
@@ -5308,7 +5635,7 @@ var _EventManager = class _EventManager2 {
     this.procAttr(childNodes, _EventManager2.checkedAttrName, (it, attribute) => {
       const script = attribute;
       if (script) {
-        const data = ScriptUtils.evaluateReturn(script, obj);
+        const data = ObjectUtils.Script.evaluateReturn(script, obj);
         if (it.checked !== data) {
           it.checked = data;
         }
@@ -5317,7 +5644,7 @@ var _EventManager = class _EventManager2 {
     this.procAttr(childNodes, _EventManager2.selectedAttrName, (it, attribute) => {
       const script = attribute;
       if (script) {
-        const data = ScriptUtils.evaluateReturn(script, obj);
+        const data = ObjectUtils.Script.evaluateReturn(script, obj);
         if (it.selected !== data) {
           it.selected = data;
         }
@@ -5326,7 +5653,7 @@ var _EventManager = class _EventManager2 {
     this.procAttr(childNodes, _EventManager2.readonlyAttrName, (it, attribute) => {
       const script = attribute;
       if (script) {
-        const data = ScriptUtils.evaluateReturn(script, obj);
+        const data = ObjectUtils.Script.evaluateReturn(script, obj);
         if (it.readOnly !== data) {
           it.readOnly = data;
         }
@@ -5335,7 +5662,7 @@ var _EventManager = class _EventManager2 {
     this.procAttr(childNodes, _EventManager2.disabledAttrName, (it, attribute) => {
       const script = attribute;
       if (script) {
-        const data = ScriptUtils.evaluateReturn(script, obj);
+        const data = ObjectUtils.Script.evaluateReturn(script, obj);
         if (it.disabled !== data) {
           it.disabled = data;
         }
@@ -5344,7 +5671,7 @@ var _EventManager = class _EventManager2 {
     this.procAttr(childNodes, _EventManager2.hiddenAttrName, (it, attribute) => {
       const script = attribute;
       if (script) {
-        const data = ScriptUtils.evaluateReturn(script, obj);
+        const data = ObjectUtils.Script.evaluateReturn(script, obj);
         if (it.hidden !== data) {
           it.hidden = data;
         }
@@ -5353,7 +5680,7 @@ var _EventManager = class _EventManager2 {
     this.procAttr(childNodes, _EventManager2.requiredAttrName, (it, attribute) => {
       const script = attribute;
       if (script) {
-        const data = ScriptUtils.evaluateReturn(script, obj);
+        const data = ObjectUtils.Script.evaluateReturn(script, obj);
         if (it.required !== data) {
           it.required = data;
         }
@@ -5362,7 +5689,7 @@ var _EventManager = class _EventManager2 {
     this.procAttr(childNodes, _EventManager2.openAttrName, (it, attribute) => {
       const script = attribute;
       if (script) {
-        const data = ScriptUtils.evaluateReturn(script, obj);
+        const data = ObjectUtils.Script.evaluateReturn(script, obj);
         if (it.open !== data) {
           it.open = data;
         }
@@ -5371,13 +5698,29 @@ var _EventManager = class _EventManager2 {
     this.procAttr(childNodes, _EventManager2.normalAttrMapAttrName, (it, attribute) => {
       const map = new Map(JSON.parse(attribute));
       map.forEach((v, k) => {
-        const data = ScriptUtils.evaluate(`const $element = this.element;  return ${v} `, Object.assign(obj, {
+        const variablePaths = v.variablePaths;
+        let targetScript = v.originalAttrValue;
+        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);
@@ -5396,19 +5739,19 @@ var _EventManager = class _EventManager2 {
           const mapScript = it.getAttribute(`${linkInfo.name}:map`);
           let bindObj = obj;
           if (ownerVariablePathName) {
-            bindObj = ScriptUtils.evaluateReturn(ownerVariablePathName, obj);
+            bindObj = ObjectUtils.Script.evaluateReturn(ownerVariablePathName, obj);
           }
           const getValue = this.getValue(obj, varName, bindObj);
           if (typeof getValue === "function" && getValue) {
             let setValue = it[linkInfo.property];
             if (mapScript) {
-              setValue = ScriptUtils.evaluate(`${this.getBindScript(config)} return ${mapScript}`, Object.assign(bindObj, { __render: Object.freeze({ element: it, target: bindObj, range: Range.range, value: setValue, scripts: _EventManager2.setBindProperty(config?.scripts, obj), ...config?.eventVariables }) }));
+              setValue = ObjectUtils.Script.evaluate(`${this.getBindScript(config)} return ${mapScript}`, Object.assign(bindObj, { __render: Object.freeze({ element: it, target: bindObj, range: Range.range, value: setValue, scripts: _EventManager2.setBindProperty(config?.scripts, obj), ...config?.eventVariables }) }));
             }
             getValue(setValue);
           } else if (getValue) {
             let setValue = getValue;
             if (mapScript) {
-              setValue = ScriptUtils.evaluate(`${this.getBindScript(config)} return ${mapScript}`, Object.assign(bindObj, { __render: Object.freeze({ element: it, target: bindObj, range: Range.range, value: setValue, scripts: _EventManager2.setBindProperty(config?.scripts, obj), ...config?.eventVariables }) }));
+              setValue = ObjectUtils.Script.evaluate(`${this.getBindScript(config)} return ${mapScript}`, Object.assign(bindObj, { __render: Object.freeze({ element: it, target: bindObj, range: Range.range, value: setValue, scripts: _EventManager2.setBindProperty(config?.scripts, obj), ...config?.eventVariables }) }));
             }
             if (setValue === null) {
               it.removeAttribute(linkInfo.property);
@@ -5431,10 +5774,10 @@ var _EventManager = class _EventManager2 {
           const filterScript = element.getAttribute(`${attr}:filter`);
           let filter2 = true;
           if (filterScript) {
-            filter2 = ScriptUtils.evaluate(`${this.getBindScript(config)} return ${filterScript}`, context) ?? false;
+            filter2 = ObjectUtils.Script.evaluate(`${this.getBindScript(config)} return ${filterScript}`, context) ?? false;
           }
           if (filter2) {
-            ScriptUtils.evaluate(`${this.getBindScript(config)} ${script}`, context);
+            ObjectUtils.Script.evaluate(`${this.getBindScript(config)} ${script}`, context);
           }
         };
         element.addEventListener(eventName, handler);
@@ -5446,7 +5789,7 @@ var _EventManager = class _EventManager2 {
         script = "return " + script;
       }
       if (script) {
-        ScriptUtils.evaluate(`${this.getBindScript(config)}; ${script} `, Object.assign(obj, {
+        ObjectUtils.Script.evaluate(`${this.getBindScript(config)}; ${script} `, Object.assign(obj, {
           __render: Object.freeze({
             element: it,
             attribute: ElementUtils.getAttributeToObject(it),
@@ -5472,7 +5815,7 @@ var _EventManager = class _EventManager2 {
         script = "return " + script;
       }
       if (script) {
-        ScriptUtils.evaluate(`${this.getBindScript(config)}; ${script} `, Object.assign(obj, {
+        ObjectUtils.Script.evaluate(`${this.getBindScript(config)}; ${script} `, Object.assign(obj, {
           __render: Object.freeze({
             element: it,
             attribute: ElementUtils.getAttributeToObject(it),
@@ -5489,21 +5832,29 @@ var _EventManager = class _EventManager2 {
         script = "return " + script;
       }
       if (_EventManager2.isUsingThisVar(script, varName) || varName === void 0) {
-        const data = ScriptUtils.evaluate(`const $element = this.__render.element;  ${script} `, Object.assign(obj, {
+        const data = ObjectUtils.Script.evaluate(`const $element = this.__render.element;  ${script} `, Object.assign(obj, {
           __render: Object.freeze({
             element: it,
             attribute: ElementUtils.getAttributeToObject(it)
           })
         }));
         if (typeof data === "string") {
-          it.setAttribute("style", data);
+          data.split(";").forEach((sit) => {
+            const [key, value] = sit.split(":").map((s) => s.trim());
+            if (key && value) {
+              it.style[key] = value;
+            }
+          });
         } else if (Array.isArray(data)) {
-          it.setAttribute("style", data.join(";"));
+          data.forEach((sit) => {
+            const [key, value] = sit.split(":").map((s) => s.trim());
+            if (key && value) {
+              it.style[key] = value;
+            }
+          });
         } else {
           for (const [key, value] of Object.entries(data)) {
-            if (it instanceof HTMLElement) {
-              it.style[key] = String(value);
-            }
+            it.style[key] = value === null ? null : String(value);
           }
         }
       }
@@ -5514,29 +5865,77 @@ var _EventManager = class _EventManager2 {
         script = "return " + script;
       }
       if (_EventManager2.isUsingThisVar(script, varName) || varName === void 0) {
-        const data = ScriptUtils.evaluate(`const $element = this.element;  ${script} `, Object.assign(obj, {
+        const data = ObjectUtils.Script.evaluate(`const $element = this.element;  ${script} `, Object.assign(obj, {
           __render: Object.freeze({
             element: it,
             attribute: ElementUtils.getAttributeToObject(it)
           })
         }));
         if (typeof data === "string") {
-          it.setAttribute("class", data);
+          data.split(" ").forEach((cit) => it.classList.add(cit.trim()));
         } else if (Array.isArray(data)) {
-          it.setAttribute("class", data.join(" "));
+          data.forEach((cit) => it.classList.add(cit.trim()));
         } else {
           for (const [key, value] of Object.entries(data)) {
             if (it instanceof HTMLElement) {
               if (value) {
-                it.classList.add(key);
+                it.classList.add(key.trim());
               } else {
-                it.classList.remove(key);
+                it.classList.remove(key.trim());
               }
             }
           }
         }
       }
     });
+    this.procAttr(elements, _EventManager2.valueAttrName, (it, attribute) => {
+      if (_EventManager2.isUsingThisVar(attribute, varName) || varName === void 0) {
+        const data = ObjectUtils.Script.evaluateReturn(attribute, obj);
+        if (it.value !== data) it.value = data;
+      }
+    });
+    this.procAttr(elements, _EventManager2.checkedAttrName, (it, attribute) => {
+      if (_EventManager2.isUsingThisVar(attribute, varName) || varName === void 0) {
+        const data = ObjectUtils.Script.evaluateReturn(attribute, obj);
+        if (it.checked !== data) it.checked = data;
+      }
+    });
+    this.procAttr(elements, _EventManager2.selectedAttrName, (it, attribute) => {
+      if (_EventManager2.isUsingThisVar(attribute, varName) || varName === void 0) {
+        const data = ObjectUtils.Script.evaluateReturn(attribute, obj);
+        if (it.selected !== data) it.selected = data;
+      }
+    });
+    this.procAttr(elements, _EventManager2.readonlyAttrName, (it, attribute) => {
+      if (_EventManager2.isUsingThisVar(attribute, varName) || varName === void 0) {
+        const data = ObjectUtils.Script.evaluateReturn(attribute, obj);
+        if (it.readOnly !== data) it.readOnly = data;
+      }
+    });
+    this.procAttr(elements, _EventManager2.disabledAttrName, (it, attribute) => {
+      if (_EventManager2.isUsingThisVar(attribute, varName) || varName === void 0) {
+        const data = ObjectUtils.Script.evaluateReturn(attribute, obj);
+        if (it.disabled !== data) it.disabled = data;
+      }
+    });
+    this.procAttr(elements, _EventManager2.hiddenAttrName, (it, attribute) => {
+      if (_EventManager2.isUsingThisVar(attribute, varName) || varName === void 0) {
+        const data = ObjectUtils.Script.evaluateReturn(attribute, obj);
+        if (it.hidden !== data) it.hidden = data;
+      }
+    });
+    this.procAttr(elements, _EventManager2.requiredAttrName, (it, attribute) => {
+      if (_EventManager2.isUsingThisVar(attribute, varName) || varName === void 0) {
+        const data = ObjectUtils.Script.evaluateReturn(attribute, obj);
+        if (it.required !== data) it.required = data;
+      }
+    });
+    this.procAttr(elements, _EventManager2.openAttrName, (it, attribute) => {
+      if (_EventManager2.isUsingThisVar(attribute, varName) || varName === void 0) {
+        const data = ObjectUtils.Script.evaluateReturn(attribute, obj);
+        if (it.open !== data) it.open = data;
+      }
+    });
   }
   procAttr(elements = /* @__PURE__ */ new Set(), attrName, callBack) {
     const sets = /* @__PURE__ */ new Set();
@@ -5561,7 +5960,7 @@ var _EventManager = class _EventManager2 {
     });
   }
   getValue(obj, name, bindObj) {
-    let r = ScriptUtils.evaluateReturn(name, obj);
+    let r = ObjectUtils.Script.evaluateReturn(name, obj);
     if (typeof r === "function") {
       r = r.bind(bindObj ?? obj);
     }
@@ -5661,6 +6060,7 @@ _EventManager.VARNAMES = [_EventManager.SCRIPTS_VARNAME, _EventManager.FAG_VARNA
 _EventManager.WINDOW_EVENT_POPSTATE = "popstate";
 _EventManager.WINDOW_EVENT_RESIZE = "resize";
 _EventManager.WINDOW_EVENTS = [_EventManager.WINDOW_EVENT_POPSTATE, _EventManager.WINDOW_EVENT_RESIZE];
+_EventManager.noDetectAttr = [_EventManager.normalAttrMapAttrName];
 _EventManager.attrNames = [
   _EventManager.valueAttrName,
   _EventManager.checkedAttrName,
@@ -5751,7 +6151,7 @@ var Dr = class extends OperatorExecuterAttrRequire {
     const itRandom = RawSet.drItOtherEncoding(this.elementSource.element);
     const vars = RawSet.drVarEncoding(this.elementSource.element, this.elementSource.attrs.drVarOption ?? "");
     const newTemp = this.source.config.window.document.createElement("temp");
-    ScriptUtils.evaluate(`
+    ObjectUtils.Script.evaluate(`
                     ${this.render.bindScript}
                     const n = $element.cloneNode(true);
                     var destIt = ${this.elementSource.attrs.drItOption};
@@ -5794,7 +6194,7 @@ var DrIf = class extends OperatorExecuterAttrRequire {
     const itRandom = RawSet.drItOtherEncoding(this.elementSource.element, "DrIf");
     const vars = RawSet.drVarEncoding(this.elementSource.element, this.elementSource.attrs.drVarOption ?? "");
     const newTemp = this.source.config.window.document.createElement("temp");
-    const keepgoing = ScriptUtils.evaluate(`
+    const keepgoing = ObjectUtils.Script.evaluate(`
                 ${this.render.bindScript}
                 ${this.elementSource.attrs.drBeforeOption ?? ""}
                 if ($rawSet.data === (${ObjectUtils.Path.toOptionalChainPath(attr)})) {
@@ -5909,7 +6309,7 @@ var isOnDrThisBind = (obj) => {
 var DrThis = class extends OperatorExecuterAttrRequire {
   async executeAttrRequire(attr) {
     const optionIf = this.elementSource.attrs.drDetectIfOption ?? this.elementSource.attrs.drIfOption;
-    const ok = ScriptUtils.evaluate(`
+    const ok = ObjectUtils.Script.evaluate(`
                 ${this.render.bindScript}
                 try {
                   const ok  = ${this.elementSource.attrs.drThis};
@@ -6245,9 +6645,9 @@ var DrForm = class extends OperatorExecuterAttrRequire {
   }
   async executeAttrRequire(attr) {
     RawSet.drFormOtherMoveAttr(this.elementSource.element, "name", "temp-name", this.source.config);
-    const data = ScriptUtils.evaluateReturn(`${attr}`, this.source.obj);
+    const data = ObjectUtils.Script.evaluateReturn(`${attr}`, this.source.obj);
     const childs = Array.from(this.elementSource.element.querySelectorAll("[name]"));
-    const fromName = ScriptUtils.evaluateReturn(this.elementSource.element.getAttribute(`${RawSet.DR_FORM_NAME}:name`) ?? "", this.source.obj);
+    const fromName = ObjectUtils.Script.evaluateReturn(this.elementSource.element.getAttribute(`${RawSet.DR_FORM_NAME}:name`) ?? "", this.source.obj);
     const thisName = fromName ?? this.elementSource.element.getAttribute("name");
     if (childs.length <= 0 && thisName) {
       childs.push(this.elementSource.element);
@@ -6260,10 +6660,10 @@ var DrForm = class extends OperatorExecuterAttrRequire {
       const eventName = it.getAttribute(`${RawSet.DR_FORM_NAME}:event`) ?? "change";
       const validatorName = it.getAttribute(`${RawSet.DR_FORM_NAME}:validator`);
       const attrEventName = EventManager.attrPrefix + "event-" + eventName;
-      let varpath = ScriptUtils.evaluateReturn(this.elementSource.element.getAttribute(`${RawSet.DR_FORM_NAME}:name`) ?? "", this.source.obj) ?? it.getAttribute("name");
+      let varpath = ObjectUtils.Script.evaluateReturn(this.elementSource.element.getAttribute(`${RawSet.DR_FORM_NAME}:name`) ?? "", this.source.obj) ?? it.getAttribute("name");
       if (varpath != null) {
         if (validatorName) {
-          ScriptUtils.evaluate(
+          ObjectUtils.Script.evaluate(
             `
                                 ${this.render.bindScript}
                                 const validator = typeof ${validatorName} ==='function' ?  new  ${validatorName}() : ${validatorName};
@@ -6281,7 +6681,7 @@ var DrForm = class extends OperatorExecuterAttrRequire {
           );
         }
         varpath = `${attr}['${varpath}']`;
-        const data2 = ScriptUtils.evaluateReturn(`${varpath}`, this.source.obj);
+        const data2 = ObjectUtils.Script.evaluateReturn(`${varpath}`, this.source.obj);
         if (data2 instanceof ValidatorArray) {
           it.setAttribute(attrEventName, `${varpath}.setArrayValue($target, $target.value, $event); ${it.getAttribute(attrEventName) ?? ""};`);
           data2.addValidator(it.value, it);
@@ -6307,7 +6707,7 @@ var DrInnerText = class extends OperatorExecuterAttrRequire {
   }
   async executeAttrRequire(attr) {
     const newTemp = this.source.config.window.document.createElement("temp");
-    ScriptUtils.evaluate(` 
+    ObjectUtils.Script.evaluate(` 
                         ${this.render.bindScript}
                         const n = $element.cloneNode(true);  
                         ${this.elementSource.attrs.drBeforeOption ?? ""}
@@ -6342,7 +6742,7 @@ var DrInnerHTML = class extends OperatorExecuterAttrRequire {
   }
   async executeAttrRequire(attr) {
     const newTemp = this.source.config.window.document.createElement("temp");
-    ScriptUtils.evaluate(`
+    ObjectUtils.Script.evaluate(`
                         ${this.render.bindScript}
                         const n = $element.cloneNode(true);
                         ${this.elementSource.attrs.drBeforeOption ?? ""}
@@ -6381,7 +6781,7 @@ var DrFor = class extends OperatorExecuterAttrRequire {
     const itRandom = RawSet.drItOtherEncoding(this.elementSource.element);
     const vars = RawSet.drVarEncoding(this.elementSource.element, this.elementSource.attrs.drVarOption ?? "");
     const newTemp = this.source.config.window.document.createElement("temp");
-    ScriptUtils.evaluate(`
+    ObjectUtils.Script.evaluate(`
                     ${this.render.bindScript}
                     ${this.elementSource.attrs.drBeforeOption ?? ""}
                     for(${attr}) {
@@ -6427,13 +6827,21 @@ var DrForOf = class extends OperatorExecuterAttrRequire {
     const itRandom = RawSet.drItOtherEncoding(this.elementSource.element, "DrForOf");
     const vars = RawSet.drVarEncoding(this.elementSource.element, this.elementSource.attrs.drVarOption ?? "");
     const newTemp = this.source.config.window.document.createElement("temp");
-    ScriptUtils.evaluate(`
+    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 ?? ""}
                     var i = -1; 
                     const forOf = ${ObjectUtils.Path.toOptionalChainPath(attr)};
                     const forOfStr = \`${attr}\`.trim();
                     // console.log('forOf---',forOf);
+                    // debugger;
                     if (forOf) {
                         for(const it of forOf) {
                             i++;
@@ -6450,11 +6858,41 @@ var DrForOf = class extends OperatorExecuterAttrRequire {
                                 destIt = forOfStr + '[' + i +']'
                             }
                             const n = this.__render.element.cloneNode(true);
-                            // console.log('zzzzzzzzzzz', n.getAttribute('${RawSet.DR_DETECT_ATTR_OPTIONNAME}'));
                             Object.entries(this.__render.drAttr).filter(([k,v]) => k !== 'drForOf' && k !== 'drNextOption' && v).forEach(([k, v]) => n.setAttribute(this.__render.drAttrsOriginName[k], v));
-                            // console.log('---------'+destIt,n, Array.from(n.getAttributeNames()).map(it=>({name:it,attr: n.getAttribute(it)})));
-                            // console.log('---------destItdestIt',destIt);
                             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 (${hasVariableName} && '${variableName}') {
+                              n.getAttributeNames().forEach(it => n.setAttribute(it, n.getAttribute(it).replaceAll('#${variableName}#', forOfStr)));
+                            }
+                            if (${hasItemVariableName} && '${itemVariableName}') {
+                              n.getAttributeNames().forEach(it => n.setAttribute(it, n.getAttribute(it).replaceAll('#${itemVariableName}#', destIt)));
+                            }
+                            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);
@@ -6477,12 +6915,16 @@ var DrForOf = class extends OperatorExecuterAttrRequire {
                             }
 
                             n.innerHTML = n.innerHTML.replace(/\\#it\\#/g, destIt).replace(/\\#index\\#/g, i);
-                            // console.log('!@@@@', n.innerHTML);
-                            // DR_THIS_OPTIONNAME \uB294 \uC81C\uAC70\uD55C\uB2E4 \uAF2C\uC778\uB2E4. strip \uD560\uB54C \uB9C9 \uAF2C\uC5EC\uBC84\uB9B0\uB2E4.
-                            // const drOptionThis = n.getAttribute('${RawSet.DR_THIS_OPTIONNAME}');
-                            // if (drOptionThis) {
-                            //  n.setAttribute('${RawSet.DR_THIS_NAME}', drOptionThis)
-                            // }
+                            if (${hasVariableName} && '${variableName}') {
+                              n.innerHTML = n.innerHTML.replaceAll('#${variableName}#', forOfStr);
+                            }
+                            if (${hasItemVariableName} && '${itemVariableName}') {
+                              n.innerHTML = n.innerHTML.replaceAll('#${itemVariableName}#', destIt);
+                            }
+                            if (${hasItemIndexVariableName} && '${itemIndexVariableName}') {
+                              n.innerHTML = n.innerHTML.replaceAll('#${itemIndexVariableName}#', i);
+                            }
+                   
                             if (this.__render.drStripOption === 'true') {
                                 Array.from(n.childNodes).forEach(it => this.__render.fag.append(it));
                             } else {
@@ -6533,7 +6975,7 @@ var DrAppender = class extends OperatorExecuterAttrRequire {
     const itRandom = RawSet.drItOtherEncoding(this.elementSource.element);
     const vars = RawSet.drVarEncoding(this.elementSource.element, this.elementSource.attrs.drVarOption ?? "");
     const newTemp = this.source.config.window.document.createElement("temp");
-    ScriptUtils.evaluate(`
+    ObjectUtils.Script.evaluate(`
                     try{
                     ${this.render.bindScript}
                     ${this.elementSource.attrs.drBeforeOption ?? ""}
@@ -6591,7 +7033,7 @@ var DrRepeat = class extends OperatorExecuterAttrRequire {
     const itRandom = RawSet.drItOtherEncoding(this.elementSource.element);
     const vars = RawSet.drVarEncoding(this.elementSource.element, this.elementSource.attrs.drVarOption ?? "");
     const newTemp = this.source.config.window.document.createElement("temp");
-    ScriptUtils.evaluate(`
+    ObjectUtils.Script.evaluate(`
                     ${this.render.bindScript}
                     ${this.elementSource.attrs.drBeforeOption ?? ""}
                     var i = 0; 
@@ -6646,9 +7088,18 @@ var DrTargetElement = class extends OperatorExecuter {
     super(rawSet, render, returnContainer, elementSource, source, afterCallBack, false);
   }
   async execute() {
-    const targetElement = this.source.config?.targetElements?.find(
-      (it) => it.name.toLowerCase() === this.elementSource.element.tagName.toLowerCase()
-    );
+    let targetElement = void 0;
+    let isTargetElementElement = this.elementSource.element.tagName.toLowerCase() === RawSet.DR_TARGET_ELEMENT_ELEMENTNAME.toLowerCase();
+    if (isTargetElementElement) {
+      const targetElementTagName = this.elementSource.element.getAttribute(`${RawSet.DR_TARGET_ELEMENT_ELEMENTNAME}:is`)?.toLowerCase();
+      targetElement = this.source.config?.targetElements?.find(
+        (it) => it.name.toLowerCase() === targetElementTagName
+      );
+    } else {
+      targetElement = this.source.config?.targetElements?.find(
+        (it) => it.name.toLowerCase() === this.elementSource.element.tagName.toLowerCase()
+      );
+    }
     if (targetElement) {
       if (this.rawSet.point.start instanceof this.source.config.window.HTMLMetaElement && this.rawSet.point.end instanceof this.source.config.window.HTMLMetaElement) {
         this.rawSet.point.start.setAttribute("this-path", `this.__domrender_components.${this.rawSet.uuid}`);
@@ -6668,7 +7119,7 @@ var DrTargetElement = class extends OperatorExecuter {
           this.rawSet.detect = {
             action: () => {
               const script = `var $component = this.__render.component; var $element = this.__render.element; var $innerHTML = this.__render.innerHTML; var $attribute = this.__render.attribute;  ${detectAction} `;
-              ScriptUtils.evaluate(
+              ObjectUtils.Script.evaluate(
                 script,
                 Object.assign(this.source.obj, {
                   __render: this.rawSet.dataSet.render
@@ -6749,7 +7200,7 @@ var DrStripElement = class extends OperatorExecuterAttrRequire {
   }
   async executeAttrRequire(attr) {
     const newTemp = this.source.config.window.document.createElement("temp");
-    ScriptUtils.evaluate(`
+    ObjectUtils.Script.evaluate(`
                 ${this.render.bindScript}
                 ${this.elementSource.attrs.drBeforeOption ?? ""}
                 const n = $element.cloneNode(true);
@@ -6811,7 +7262,7 @@ var DrThisProperty = class extends OperatorExecuterAttrRequire {
     const newTemp = this.source.config.window.document.createElement("temp");
     const dictioanry = ScriptUtils.evaluateReturn(attr, this.source.obj);
     const dictionaryKey = this.elementSource.attrs.drKeyOption ?? "";
-    ScriptUtils.evaluate(`
+    ObjectUtils.Script.evaluate(`
                     ${this.render.bindScript}
                     ${this.elementSource.attrs.drBeforeOption ?? ""}
                     var i = 0; 
@@ -7319,7 +7770,7 @@ var DrTargetElementIsElement = class extends OperatorExecuter {
           this.rawSet.detect = {
             action: () => {
               const script = `var $component = this.__render.component; var $element = this.__render.element; var $innerHTML = this.__render.innerHTML; var $attribute = this.__render.attribute;  ${detectAction} `;
-              ScriptUtils.evaluate(script, Object.assign(this.source.obj, {
+              ObjectUtils.Script.evaluate(script, Object.assign(this.source.obj, {
                 __render: this.rawSet.dataSet.render
               }));
             }
@@ -7377,7 +7828,7 @@ var NodeUtils;
   NodeUtils2.replaceNode = (targetNode, newNode) => {
     return targetNode.parentNode?.replaceChild(newNode, targetNode);
   };
-  NodeUtils2.addNode = (targetNode, newNode) => {
+  NodeUtils2.insertAfter = (targetNode, newNode) => {
     return targetNode.parentNode?.insertBefore(newNode, targetNode.nextSibling);
   };
   NodeUtils2.cloneNode = (element, deep) => {
@@ -7475,7 +7926,8 @@ var _RawSet = class _RawSet2 {
         const targetAttrMap = element.getAttribute(EventManager.normalAttrMapAttrName);
         if (targetAttrMap) {
           new Map(JSON.parse(targetAttrMap)).forEach((v, k) => {
-            targetScripts.push(`(${v})`);
+            const variablePaths = v.variablePaths;
+            variablePaths.forEach((it) => targetScripts.push(`(${it.inner})`));
           });
         }
         script = targetScripts.join(";");
@@ -7490,10 +7942,49 @@ var _RawSet = class _RawSet2 {
     });
     return usingTriggerVariables;
   }
-  // 중요 render 처리 부분
-  // public async render(obj: any, config: DomRenderConfig): Promise<RawSet[]> {
-  // }
   async render(obj, config) {
+    if (this.dataSet.fragment.childNodes.length === 1 && this.dataSet.fragment.childNodes[0].nodeType === Node.TEXT_NODE) {
+      const textContent = this.dataSet.fragment.childNodes[0].textContent;
+      if (textContent) {
+        const runText = _RawSet2.expressionGroups(textContent)[0][1];
+        const __render = {
+          rawSet: this,
+          scripts: EventManager.setBindProperty(config?.scripts, obj),
+          router: config?.router,
+          range: Range.range,
+          element: this.dataSet.fragment.childNodes[0],
+          attribute: {},
+          rootObject: obj,
+          scriptUtils: ObjectUtils.Script,
+          nearThis: this.findNearThis(obj),
+          parentThis: this.findParentThis(obj),
+          bindScript: ` /** render **/
+                      const ${EventManager.SCRIPTS_VARNAME} = this.__render.scripts;
+                      const ${EventManager.RAWSET_VARNAME} = this.__render.rawSet;
+                      const ${EventManager.ELEMENT_VARNAME} = this.__render.element;
+                      const ${EventManager.ATTRIBUTE_VARNAME} = this.__render.attribute;
+                      const ${EventManager.RANGE_VARNAME} = this.__render.range;
+                      const ${EventManager.ROUTER_VARNAME} = this.__render.router;
+                      const ${EventManager.NEAR_THIS_VARNAME} = this.__render.nearThis;
+                      const ${EventManager.PARENT_THIS_VARNAME} = this.__render.parentThis;
+                      const ${EventManager.SCRIPT_UTILS_VARNAME} = this.__render.scriptUtils;
+                      const ${EventManager.ROOT_OBJECT_VARNAME} = this.__render.rootObject;
+              `
+        };
+        try {
+          const newValue = ObjectUtils.Script.evaluateReturn({
+            bodyScript: __render.bindScript,
+            returnScript: runText
+          }, Object.assign(obj, { __render }));
+          const newValueStr = String(newValue);
+          if (this.lastRenderedValue === newValueStr) {
+            return { raws: [], executedOperators: [] };
+          }
+          this.lastRenderedValue = newValueStr;
+        } catch (e) {
+        }
+      }
+    }
     const genNode = config.window.document.importNode(this.dataSet.fragment, true);
     const raws = [];
     const onAttrInitCallBacks = [];
@@ -7536,12 +8027,15 @@ var _RawSet = class _RawSet2 {
         const runText = _RawSet2.expressionGroups(textContent)[0][1];
         let newNode;
         if (textContent?.startsWith("#")) {
-          const r = ObjectUtils.Script.evaluate(`${__render.bindScript} return ${runText}`, Object.assign(obj, { __render }));
+          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);
@@ -7636,12 +8130,12 @@ var _RawSet = class _RawSet2 {
     });
     for (const it of onThisComponentSetCallBacks) {
       if (isOnInitRender(it.obj)) {
-        it.obj?.onInitRender?.({}, this);
+        await it.obj?.onInitRender?.({}, this);
       }
     }
     for (const it of onElementInitCallBacks) {
       if (isOnInitRender(this.dataSet.render?.currentThis)) {
-        this.dataSet.render.currentThis.onInitRender({}, this);
+        await this.dataSet.render.currentThis.onInitRender({}, this);
       }
       config?.onElementInit?.(it.name, obj, this, it.targetElement);
     }
@@ -7659,6 +8153,7 @@ var _RawSet = class _RawSet2 {
         }
       });
     }
+    console.groupEnd();
     return { raws, executedOperators };
   }
   // 중요 스타일 적용 부분
@@ -7743,7 +8238,10 @@ var _RawSet = class _RawSet2 {
   getDrAppendAttributeAndDelete(element, obj) {
     let data = element.getAttribute(_RawSet2.DR_APPENDER_NAME);
     if (data && !/\[.+\]/g.test(data)) {
-      const currentIndex = ObjectUtils.Script.evaluateReturn(`${ObjectUtils.Path.toOptionalChainPath(data)}?.length -1`, obj);
+      const currentIndex = ObjectUtils.Script.evaluateReturn(
+        `${ObjectUtils.Path.toOptionalChainPath(data)}?.length -1`,
+        obj
+      );
       data = `${data}[${currentIndex}]`;
       element.setAttribute(_RawSet2.DR_APPENDER_NAME, data);
     }
@@ -7774,7 +8272,7 @@ var _RawSet = class _RawSet2 {
           }
           if (element2.hasAttribute(EventManager.attrAttrName)) {
             const script = element2.getAttribute(EventManager.attrAttrName) ?? "";
-            const keyValuePairs = Array.from(script.matchAll(/(\w+):\s*([^,}]+)/g)).map((match) => ({
+            const keyValuePairs = Array.from(script.matchAll(/['"]?([\w-_]+)['"]?:\s*([^,}]+)/g)).map((match) => ({
               key: match[1],
               value: match[2]
             }));
@@ -7784,27 +8282,35 @@ var _RawSet = class _RawSet2 {
           }
           const targetElementIs = element2.getAttribute(_RawSet2.DR_REPLACE_TARGET_ELEMENT_IS_NAME);
           const targetElementNames = config.targetElements?.map((it) => it.name.toLowerCase()) ?? [];
+          targetElementNames.push(..._RawSet2.DR_ELEMENTS);
           const isElement = targetElementNames.includes(element2.tagName.toLowerCase()) || targetElementNames.includes(targetElementIs?.toLowerCase());
           const targetAttrNames = (config.targetAttrs?.map((it) => it.name) ?? []).concat([..._RawSet2.DR_ATTRIBUTES]);
           const normalAttrs = /* @__PURE__ */ new Map();
           const linkVariables = /* @__PURE__ */ new Map();
           const linkNames = EventManager.linkAttrs.map((it) => it.name);
-          const isAttr = element2.getAttributeNames().filter((it) => {
-            const value = element2.getAttribute(it);
+          const isAttr = element2.getAttributeNames().filter((it) => !EventManager.noDetectAttr.includes(it)).filter((it) => {
+            const value = element2.getAttribute(it)?.trim();
             if (value && linkNames.includes(it)) {
               linkVariables.set(it, value);
             } else if (value && _RawSet2.isExpression(value)) {
-              let variablePath = _RawSet2.expressionGroups(value)[0][1];
-              const originVariable = variablePath;
-              variablePath = variablePath.replace(/#[^#]*#/g, "({})");
-              const optionalChainPath = ObjectUtils.Path.toOptionalChainPath(variablePath);
-              const cval = ObjectUtils.Script.evaluateReturn(optionalChainPath, Object.assign(obj));
+              const variablePaths = _RawSet2.expressionGroups(value).map((it2) => ({
+                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, "({})");
+                r3 = ObjectUtils.Path.toOptionalChainPath(r3);
+                targetScript = targetScript.replaceAll(it2.origin, `\${${r3}}`);
+              });
+              const cval = ObjectUtils.Script.evaluateReturn("`" + targetScript + "`", Object.assign(obj));
               if (cval === null) {
                 element2.removeAttribute(it);
               } else {
                 element2.setAttribute(it, cval);
               }
-              normalAttrs.set(it, originVariable);
+              normalAttrs.set(it, { originalAttrValue: value, variablePaths, isStringTemplate });
             }
             const isTargetAttr = targetAttrNames.includes(it.toLowerCase());
             return isTargetAttr;
@@ -7875,7 +8381,8 @@ var _RawSet = class _RawSet2 {
           lasterIndex = regexArr.index + it.content.length;
         }
         template.content.append(config.window.document.createTextNode(text.substring(lasterIndex, text.length)));
-        currentNode2?.parentNode?.replaceChild(template.content, currentNode2);
+        const p = currentNode2?.parentNode;
+        p?.replaceChild(template.content, currentNode2);
       } else if (currentNode2.nodeType === Node2.ELEMENT_NODE) {
         const uuid = `${RandomUtils.alphabet(40)}`;
         const element2 = currentNode2;
@@ -7884,6 +8391,7 @@ var _RawSet = class _RawSet2 {
         const startEndPoint = _RawSet2.createStartEndPoint({ node: element2, id: uuid, type: elementType }, config);
         const targetElementIs = element2.getAttribute(_RawSet2.DR_REPLACE_TARGET_ELEMENT_IS_NAME);
         const targetElementNames = config.targetElements?.map((it) => it.name.toLowerCase()) ?? [];
+        targetElementNames.push(..._RawSet2.DR_ELEMENTS);
         const isElement = targetElementNames.includes(element2.tagName.toLowerCase()) || targetElementNames.includes(targetElementIs?.toLowerCase());
         const targetAttrNames = (config.targetAttrs?.map((it) => it.name) ?? []).concat(_RawSet2.DR_ATTRIBUTES);
         const isAttr = element2.getAttributeNames().filter((it) => targetAttrNames.includes(it.toLowerCase())).length > 0;
@@ -8218,15 +8726,39 @@ var _RawSet = class _RawSet2 {
     targetElement.querySelectorAll(EventManager.attrNames.map((it) => `[${it}]`).join(",")).forEach((it) => {
       it.setAttribute(EventManager.ownerVariablePathAttrName, "this");
     });
-    const componentNameReplaceKey = RandomUtils.uuid();
     rawSet.point.innerHTML = element.innerHTML;
-    const innerHTMLName = targetElement.getAttribute(_RawSet2.DR_COMPONENT_INNER_HTML_NAME_OPTIONNAME) ?? "innerHTML";
+    const innerText = element.textContent?.trim() ?? "";
+    const escapedInnerHTML = ConvertUtils.escapeHTML(element.innerHTML);
+    const innerHTMLName = targetElement.getAttribute(_RawSet2.DR_INNER_HTML_NAME_OPTIONNAME) ?? "innerHTML";
+    const innerTEXTName = targetElement.getAttribute(_RawSet2.DR_INNER_TEXT_NAME_OPTIONNAME) ?? "innerTEXT";
+    const innerHTMLEscapedName = targetElement.getAttribute(_RawSet2.DR_INNER_HTML_ESCAPED_NAME_OPTIONNAME) ?? "innerHTMLEscaped";
+    const templateReplacements = [];
     if (innerHTMLName) {
-      _RawSet2.replaceInnerHTML(targetElement, { asIs: `#${innerHTMLName}#`, toBe: element.innerHTML });
+      templateReplacements.push({
+        regex: new RegExp(`#${innerHTMLName}#`, "g"),
+        callback: () => element.innerHTML
+      });
+    }
+    if (innerTEXTName) {
+      templateReplacements.push({
+        regex: new RegExp(`#${innerTEXTName}#`, "g"),
+        callback: () => innerText
+      });
+    }
+    if (innerHTMLEscapedName) {
+      templateReplacements.push({
+        regex: new RegExp(`#${innerHTMLEscapedName}#`, "g"),
+        callback: () => escapedInnerHTML
+      });
+    }
+    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);
     }
@@ -8299,7 +8831,6 @@ var _RawSet = class _RawSet2 {
         obj.__domrender_components ?? (obj.__domrender_components = {});
         const domrenderComponents = obj.__domrender_components;
         const renderScript = ` /*createComponentTargetElement*/
-            // console.log('-------------------',this.__render);
             var ${EventManager.RAWSET_VARNAME} = this.__render.rawSet; 
             var ${EventManager.COMPONENT_VARNAME} = this.__render.component; 
             var ${EventManager.ELEMENT_VARNAME} = this.__render.element; 
@@ -8354,15 +8885,40 @@ var _RawSet = class _RawSet2 {
         rawSet.dataSet.render = render;
         instance.__rawSet = rawSet;
         let applayTemplate = element.innerHTML;
+        let applayTemplateText = element.textContent?.trim() ?? "";
+        let applayTemplateEscape = ConvertUtils.escapeHTML(element.innerHTML);
         let innerHTMLThisRandom;
-        const componentName = element.getAttribute(_RawSet2.DR_COMPONENT_NAME_OPTIONNAME) ?? "component";
-        const innerHTMLName = element.getAttribute(_RawSet2.DR_COMPONENT_INNER_HTML_NAME_OPTIONNAME) ?? "innerHTML";
+        const componentName = element.getAttribute(_RawSet2.DR_VARIABLE_NAME_OPTIONNAME) ?? "component";
+        const innerHTMLName = element.getAttribute(_RawSet2.DR_INNER_HTML_NAME_OPTIONNAME) ?? "innerHTML";
+        const innerTEXTName = element.getAttribute(_RawSet2.DR_INNER_TEXT_NAME_OPTIONNAME) ?? "innerTEXT";
+        const innerHTMLEscapedName = element.getAttribute(_RawSet2.DR_INNER_HTML_ESCAPED_NAME_OPTIONNAME) ?? "innerHTMLEscaped";
         if (applayTemplate) {
           innerHTMLThisRandom = RandomUtils.uuid();
-          applayTemplate = applayTemplate.replace(/this\./g, innerHTMLThisRandom);
-          applayTemplate = applayTemplate.replace(RegExp(`#${componentName}#`, "g"), "this");
+          applayTemplate = StringUtils.replaceSequentially(applayTemplate, [
+            {
+              regex: /this\./g,
+              callback: () => innerHTMLThisRandom
+            },
+            {
+              regex: new RegExp(`#${componentName}#`, "g"),
+              callback: () => nearThisPath
+            }
+          ]);
         }
-        applayTemplate = (this.template ?? "").replace(RegExp(`#${innerHTMLName}#`, "g"), applayTemplate);
+        applayTemplate = StringUtils.replaceSequentially(this.template ?? "", [
+          {
+            regex: new RegExp(`#${innerHTMLName}#`, "g"),
+            callback: () => applayTemplate
+          },
+          {
+            regex: new RegExp(`#${innerTEXTName}#`, "g"),
+            callback: () => applayTemplateText
+          },
+          {
+            regex: new RegExp(`#${innerHTMLEscapedName}#`, "g"),
+            callback: () => applayTemplateEscape
+          }
+        ]);
         const style = _RawSet2.generateStyleTransform(this.styles, rawSet.uuid, true);
         element.innerHTML = style + (applayTemplate ?? "");
         let data = await _RawSet2.drThisCreate(
@@ -8376,8 +8932,9 @@ var _RawSet = class _RawSet2 {
         );
         if (data && innerHTMLThisRandom) {
           const template2 = config.window.document.createElement("template");
-          template2.content.append(data);
-          template2.innerHTML = template2.innerHTML.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;
         }
         return data;
@@ -8414,8 +8971,19 @@ var _RawSet = class _RawSet2 {
     const normalAttribute = attribute[EventManager.normalAttrMapAttrName];
     if (normalAttribute) {
       new Map(JSON.parse(normalAttribute)).forEach((v, k) => {
+        const variablePaths = v.variablePaths;
+        let targetScript = v.originalAttrValue.trim();
+        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: v },
+          { bodyScript: config.script, returnScript: v.isStringTemplate ? "`" + targetScript + "`" : targetScript },
           Object.assign(config.obj, config.renderData ? { __render: config.renderData } : void 0)
         );
         attribute[k] = cval;
@@ -8439,6 +9007,7 @@ _RawSet.DR_INNERTEXT_NAME = "dr-inner-text";
 _RawSet.DR_DETECT_NAME = "dr-detect";
 _RawSet.DR_STRIP_NAME = "dr-strip";
 _RawSet.DR_REPLACE_TARGET_ELEMENT_IS_NAME = "dr-replace-target-element-is";
+_RawSet.DR_TARGET_ELEMENT_ELEMENTNAME = "dr-target-element";
 _RawSet.DR_DETECT_IF_OPTIONNAME = "dr-detect-option-if";
 _RawSet.DR_DETECT_FILTER_OPTIONNAME = "dr-detect-option-filter";
 _RawSet.DR_DETECT_ATTR_OPTIONNAME = "dr-detect-option-attr";
@@ -8454,8 +9023,12 @@ _RawSet.DR_COMPLETE_OPTIONNAME = "dr-option-complete";
 _RawSet.DR_STRIP_OPTIONNAME = "dr-option-strip";
 _RawSet.DR_DESTROY_OPTIONNAME = "dr-option-destroy";
 _RawSet.DR_THIS_NAME_OPTIONNAME = "dr-option-this-name";
-_RawSet.DR_COMPONENT_NAME_OPTIONNAME = "dr-option-component-name";
-_RawSet.DR_COMPONENT_INNER_HTML_NAME_OPTIONNAME = "dr-option-component-inner-html-name";
+_RawSet.DR_VARIABLE_NAME_OPTIONNAME = "dr-option-variable-name";
+_RawSet.DR_ITEM_VARIABLE_NAME_OPTIONNAME = "dr-option-item-variable-name";
+_RawSet.DR_ITEM_INDEX_VARIABLE_NAME_OPTIONNAME = "dr-option-item-index-variable-name";
+_RawSet.DR_INNER_HTML_NAME_OPTIONNAME = "dr-option-inner-html-name";
+_RawSet.DR_INNER_TEXT_NAME_OPTIONNAME = "dr-option-inner-text-name";
+_RawSet.DR_INNER_HTML_ESCAPED_NAME_OPTIONNAME = "dr-option-inner-html-escaped-name";
 _RawSet.DR_KEY_OPTIONNAME = "dr-option-key";
 _RawSet.DR_HAS_KEYS_OPTIONNAME = "dr-option-has-keys";
 _RawSet.DR_ON_CREATE_ARGUMENTS_OPTIONNAME = "dr-on-create:arguments";
@@ -8491,6 +9064,9 @@ _RawSet.drAttrsOriginName = {
   drKeyOption: _RawSet.DR_KEY_OPTIONNAME
 };
 _RawSet.DR_TAGS = [];
+_RawSet.DR_ELEMENTS = [
+  _RawSet.DR_TARGET_ELEMENT_ELEMENTNAME
+];
 _RawSet.DR_ATTRIBUTES = [
   _RawSet.DR_NAME,
   _RawSet.DR_APPENDER_NAME,
@@ -8504,7 +9080,7 @@ _RawSet.DR_ATTRIBUTES = [
   _RawSet.DR_INNERHTML_NAME,
   _RawSet.DR_INNERTEXT_NAME,
   _RawSet.DR_REPEAT_NAME,
-  _RawSet.DR_DETECT_NAME,
+  // RawSet.DR_DETECT_NAME, // TODO: DrDetect 오퍼레이터 구현 필요
   _RawSet.DR_STRIP_NAME
 ];
 var RawSet = _RawSet;
@@ -8512,10 +9088,7 @@ var RawSet = _RawSet;
 // ../dom-render/dist/esm/decorators/DomRenderNoProxy.js
 var DomRenderNoProxyKey = "DomRender:NoProxy";
 var getDomRenderNoProxy = (target, propertyKey) => {
-  if (propertyKey === void 0) {
-    return Reflect.getMetadata(DomRenderNoProxyKey, target);
-  }
-  return Reflect.getMetadata(DomRenderNoProxyKey, target, propertyKey);
+  return ReflectUtils.getMetadata(DomRenderNoProxyKey, target, propertyKey);
 };
 var isDomRenderNoProxy = (target, propertyKey) => {
   return ValidUtils.isNullOrUndefined(target) || getDomRenderNoProxy(target, propertyKey) === true;
@@ -8560,8 +9133,26 @@ var isOnRawSetRendered = (obj) => {
   return typeof obj?.onRawSetRendered === "function";
 };
 
+// ../dom-render/dist/esm/lifecycle/OnChildRawSetRendered.js
+var isOnChildRawSetRendered = (obj) => {
+  return typeof obj?.onChildRawSetRendered === "function";
+};
+
 // ../dom-render/dist/esm/DomRenderProxy.js
-var excludeGetSetPropertys = ["onBeforeReturnGet", "onBeforeReturnSet", "__domrender_components", "__render", "_DomRender_isFinal", "_domRender_ref", "_rawSets", "_domRender_proxy", "_targets", "_DomRender_origin", "_DomRender_ref", "_DomRender_proxy"];
+var excludeGetSetPropertys = [
+  "onBeforeReturnGet",
+  "onBeforeReturnSet",
+  "__domrender_components",
+  "__render",
+  "_DomRender_isFinal",
+  "_domRender_ref",
+  "_rawSets",
+  "_domRender_proxy",
+  "_targets",
+  "_DomRender_origin",
+  "_DomRender_ref",
+  "_DomRender_proxy"
+];
 var isWrapProxyDomRenderProxy = (obj) => {
   return obj && typeof obj === "object" && "_DomRender_isProxy" in obj;
 };
@@ -8578,6 +9169,7 @@ var getDomRenderConfig = (obj) => {
   return void 0;
 };
 var DomRenderProxy = class _DomRenderProxy {
+  // public name = Math.random();
   constructor(_domRender_origin, target, _domRender_config) {
     this._domRender_origin = _domRender_origin;
     this._domRender_config = _domRender_config;
@@ -8597,7 +9189,7 @@ var DomRenderProxy = class _DomRenderProxy {
   static isFinal(obj) {
     return ValidUtils.isNull(obj) || DomRenderFinalProxy.isFinal(obj);
   }
-  run(objProxy) {
+  async run(objProxy) {
     this._domRender_proxy = objProxy;
     if (isOnProxyDomRender(objProxy)) {
       objProxy.onProxyDomRender(this._domRender_config);
@@ -8622,18 +9214,18 @@ var DomRenderProxy = class _DomRenderProxy {
         }
       });
     }
-    this._targets.forEach((target) => {
-      this.initRender(target);
-    });
+    for (let target of this._targets) {
+      await this.initRender(target);
+    }
   }
-  initRender(target, rawSet) {
+  async initRender(target, rawSet) {
     if (target instanceof Element) {
       target.innerHTML = target.innerHTML.replace(/@this@/g, "this");
     }
     const onCreate = target.getAttribute?.(RawSet.DR_ON_CREATE_ARGUMENTS_OPTIONNAME);
     let createParam = [];
     if (onCreate) {
-      createParam = ScriptUtils.evaluateReturn(onCreate, this._domRender_proxy);
+      createParam = ObjectUtils.Script.evaluateReturn(onCreate, this._domRender_proxy);
       if (!Array.isArray(createParam)) {
         createParam = [createParam];
       }
@@ -8646,7 +9238,11 @@ var DomRenderProxy = class _DomRenderProxy {
     }
     this._targets.add(target);
     const rawSets = RawSet.checkPointCreates(target, this._domRender_proxy, this._domRender_config);
-    this._domRender_config.eventManager.applyEvent(this._domRender_proxy, this._domRender_config.eventManager.findAttrElements(target, this._domRender_config), this._domRender_config);
+    this._domRender_config.eventManager.applyEvent(
+      this._domRender_proxy,
+      this._domRender_config.eventManager.findAttrElements(target, this._domRender_config),
+      this._domRender_config
+    );
     rawSets.forEach((it) => {
       const variables = it.getUsingTriggerVariables(this._domRender_config);
       if (variables.size <= 0) {
@@ -8657,16 +9253,20 @@ var DomRenderProxy = class _DomRenderProxy {
         });
       }
     });
-    this.render(this.getRawSets()).then((it) => {
+    const targetRawSets = await this.render(this.getRawSets());
+    for (let targetRawSet of targetRawSets) {
       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)) {
-        this._domRender_proxy.onInitRender(initParam, rawSet ?? { dataSet: { config: this._domRender_config } });
+        await this._domRender_proxy.onInitRender(
+          initParam,
+          rawSet ?? { dataSet: { config: this._domRender_config } }
+        );
       }
-    });
+    }
   }
   getRawSets() {
     const set = /* @__PURE__ */ new Set();
@@ -8687,43 +9287,65 @@ var DomRenderProxy = class _DomRenderProxy {
     }
     const removeRawSets = [];
     const rawSets = raws ?? this.getRawSets();
-    for (const it of rawSets) {
-      it.getUsingTriggerVariables(this._domRender_config).forEach((path2) => {
-        this.addRawSet(path2, it);
-      });
-      let renderResult;
-      if (it.isConnected) {
-        const targetAttrMap = it.point.node?.getAttribute?.(EventManager.normalAttrMapAttrName);
-        if (it.detect?.action) {
-          it.detect.action();
-        } else if (it.type === RawSetType.TARGET_ELEMENT && it.dataSet?.render?.currentThis && fullPathStr && targetAttrMap) {
-          new Map(JSON.parse(targetAttrMap)).forEach((v, k) => {
-            var _a7;
-            const isUsing = EventManager.isUsingThisVar(v, `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);
     }
@@ -8738,14 +9360,21 @@ var DomRenderProxy = class _DomRenderProxy {
   //   return current;
   // }
   root(pathInfos, value, lastDoneExecute = true) {
+    const rootStartTime = Date.now();
+    const pathKey = pathInfos.flat().map((i) => i.path).join(".");
     const fullPaths = [];
     if (this._domRender_ref.size > 0) {
       this._domRender_ref.forEach((it, key) => {
         if ("_DomRender_isProxy" in key) {
           it.forEach((sit) => {
             try {
+              const recursiveStartTime = Date.now();
               const concat = pathInfos.concat([[{ path: sit, obj: key }]]);
-              const items = key._DomRender_proxy?.root(concat, value, lastDoneExecute);
+              const items = key._DomRender_proxy?.root(
+                concat,
+                value,
+                lastDoneExecute
+              );
               fullPaths.push(items.flat());
             } catch (e) {
             }
@@ -8753,6 +9382,7 @@ var DomRenderProxy = class _DomRenderProxy {
         }
       });
     } else {
+      const pathProcessStartTime = Date.now();
       const strings = pathInfos.reverse().map((it) => it.map((it2) => it2.path).join(","));
       const fullPathStr = strings.map((it) => isNaN(Number(it)) ? "." + it : `[${it}]`).join("").slice(1);
       if (lastDoneExecute) {
@@ -8760,10 +9390,13 @@ var DomRenderProxy = class _DomRenderProxy {
         const front = strings.slice(0, strings.length - 1).map((it) => isNaN(Number(it)) ? "." + it : `[${it}]`).join("");
         const lastPropertyName = strings[strings.length - 1];
         const path2 = "this" + front;
-        const data = ScriptUtils.evaluateReturn(ObjectUtils.Path.toOptionalChainPath(path2), this._domRender_proxy);
+        const data = ObjectUtils.Script.evaluateReturn(ObjectUtils.Path.toOptionalChainPath(path2), this._domRender_proxy);
+        const promiseStartTime = Date.now();
         new Promise(async (resolve) => {
+          const promiseInnerStartTime = Date.now();
           let rData = [];
           const firstPathStr = front.slice(1);
+          const dictionaryCheckStartTime = Date.now();
           const firstTargets = this._rawSets.get(firstPathStr);
           const firstTargetDictionary = [];
           firstTargets?.forEach((it) => {
@@ -8781,10 +9414,19 @@ var DomRenderProxy = class _DomRenderProxy {
               if (value === void 0) {
                 const rawSet = it.getHasRawSet(lastPropertyName);
                 rawSet?.remove();
-                startElement.setAttribute(RawSet.DR_HAS_KEYS_OPTIONNAME, keys.filter((it2) => it2 !== lastPropertyName).join(","));
+                startElement.setAttribute(
+                  RawSet.DR_HAS_KEYS_OPTIONNAME,
+                  keys.filter((it2) => it2 !== lastPropertyName).join(",")
+                );
               }
               if (!keys.includes(lastPropertyName)) {
-                const raws = DrThisProperty.append(this._domRender_proxy, fullPathStr, lastPropertyName, it, this._domRender_config);
+                const raws = DrThisProperty.append(
+                  this._domRender_proxy,
+                  fullPathStr,
+                  lastPropertyName,
+                  it,
+                  this._domRender_config
+                );
                 if (raws) {
                   rawSets.push(...raws);
                 }
@@ -8796,6 +9438,7 @@ var DomRenderProxy = class _DomRenderProxy {
               rData = await this.render(rawSets);
             }
           }
+          const renderStartTime = Date.now();
           if (lastPropertyName === "length" && Array.isArray(data)) {
             const aIterable = this._rawSets.get(firstPathStr);
             if (aIterable) {
@@ -8804,14 +9447,27 @@ var DomRenderProxy = class _DomRenderProxy {
           } else if (iterable) {
             rData = await this.render(Array.from(iterable), fullPathStr);
           }
+          const eventProcessStartTime = Date.now();
+          const Node2 = this._domRender_config.window.Node;
           this._targets.forEach((it) => {
-            if (it.nodeType === Node.DOCUMENT_FRAGMENT_NODE || it.nodeType === Node.ELEMENT_NODE) {
-              const targets = this._domRender_config.eventManager.findAttrElements(it, this._domRender_config);
-              this._domRender_config.eventManager.changeVar(this._domRender_proxy, targets, `this.${fullPathStr}`, this._domRender_config);
+            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,
+                `this.${fullPathStr}`,
+                this._domRender_config
+              );
             }
           });
           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);
@@ -8827,6 +9483,7 @@ var DomRenderProxy = class _DomRenderProxy {
       target[p] = value;
       return true;
     }
+    let start = performance.now();
     if (typeof p === "string") {
       value = this.proxy(receiver, value, p);
     }
@@ -8839,49 +9496,73 @@ var DomRenderProxy = class _DomRenderProxy {
       fullPathInfo = this.root([[{ path: p, obj: this._domRender_proxy }]], value);
     }
     const rootElement = this._domRender_config.rootElement ?? this._domRender_config.window.document;
-    DocumentUtils.querySelectorAllByAttributeName(rootElement, EventManager.normalAttrMapAttrName)?.forEach((elementInfo) => {
-      const targets = new Map(ScriptUtils.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((it) => {
-        const optionalPath = ObjectUtils.Path.toOptionalChainPath(it.valueScript);
-        const value1 = ScriptUtils.evaluateReturn(optionalPath, it.pathInfo.obj);
-        if (value1 === null) {
-          elementInfo.element.removeAttribute(it.key);
-          elementInfo.element[it.key] = null;
-        } else {
-          elementInfo.element.setAttribute(it.key, value1);
-          elementInfo.element[it.key] = value1;
-        }
-      });
-    });
-    DocumentUtils.querySelectorAllByAttributeName(rootElement, EventManager.linkTargetMapAttrName)?.forEach((elementInfo) => {
-      const targets = new Map(ScriptUtils.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 applyAttributeName = EventManager.linkAttrs.find((it) => it.name === info.key);
-        if (applyAttributeName) {
-          if (value1 === null) {
-            elementInfo.element.removeAttribute(applyAttributeName.property);
+    DocumentUtils.querySelectorAllByAttributeName(rootElement, EventManager.normalAttrMapAttrName)?.forEach(
+      (elementInfo) => {
+        const targets = new Map(
+          ObjectUtils.Script.evaluateReturn(elementInfo.value)
+        );
+        Array.from(targets.entries()).filter(isDefined).flatMap(([key, valueScript]) => {
+          return fullPathInfo.flat().filter((it) => valueScript.variablePaths?.some((vit) => vit.inner.includes(`this.${it.path}`))).flatMap((it) => ({ key, valueScript, pathInfo: it }));
+        }).forEach((it) => {
+          const variablePaths = it.valueScript.variablePaths;
+          let targetScript = it.valueScript.originalAttrValue;
+          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 {
-            elementInfo.element.setAttribute(applyAttributeName.property, value1);
+            variablePaths.forEach((it2) => {
+              let r = ObjectUtils.Path.toOptionalChainPath(it2.inner);
+              targetScript = targetScript.replaceAll(it2.origin, `${r}`);
+            });
+            script = targetScript;
           }
-        }
-      });
-      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 linkInfo = EventManager.linkAttrs.find((it) => it.name === info.key);
-        if (linkInfo) {
-          elementInfo.element[linkInfo.property] = value;
-        }
-      });
-    });
+          const value1 = ObjectUtils.Script.evaluateReturn(script, it.pathInfo.obj);
+          if (value1 === null || value1 === void 0) {
+            elementInfo.element.removeAttribute(it.key);
+          } else {
+            elementInfo.element.setAttribute(it.key, value1);
+            elementInfo.element[it.key] = value1;
+          }
+        });
+      }
+    );
+    DocumentUtils.querySelectorAllByAttributeName(rootElement, EventManager.linkTargetMapAttrName)?.forEach(
+      (elementInfo) => {
+        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 = ObjectUtils.Script.evaluateReturn(info.valueScript, info.pathInfo.obj);
+          const applyAttributeName = EventManager.linkAttrs.find((it) => it.name === info.key);
+          if (applyAttributeName) {
+            if (value1 === null) {
+              elementInfo.element.removeAttribute(applyAttributeName.property);
+            } else {
+              elementInfo.element.setAttribute(applyAttributeName.property, value1);
+            }
+          }
+        });
+        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 linkInfo = EventManager.linkAttrs.find((it) => it.name === info.key);
+          if (linkInfo) {
+            elementInfo.element[linkInfo.property] = value;
+          }
+        });
+      }
+    );
     if ("onBeforeReturnSet" in receiver && typeof p === "string" && !(this._domRender_config.proxyExcludeOnBeforeReturnSets ?? []).concat(excludeGetSetPropertys).includes(p)) {
       if (isOnBeforeReturnSet(receiver)) {
-        receiver.onBeforeReturnSet?.(p, value, fullPathInfo.map((it) => it.map((it2) => it2.path).join()));
+        receiver.onBeforeReturnSet?.(
+          p,
+          value,
+          fullPathInfo.map((it) => it.map((it2) => it2.path).join())
+        );
       }
     }
     return true;
@@ -8901,7 +9582,11 @@ var DomRenderProxy = class _DomRenderProxy {
         it = it._DomRender_origin;
       }
       if ("onBeforeReturnGet" in receiver && typeof p === "string" && !(this._domRender_config.proxyExcludeOnBeforeReturnGets ?? []).concat(excludeGetSetPropertys).includes(p)) {
-        receiver?.onBeforeReturnGet?.(p, it, this.root([[{ path: p, obj: this._domRender_proxy }]], it, false));
+        receiver?.onBeforeReturnGet?.(
+          p,
+          it,
+          this.root([[{ path: p, obj: this._domRender_proxy }]], it, false)
+        );
       }
       return it;
     }
@@ -9029,46 +9714,47 @@ function filter(predicate) {
 }
 
 // ../core/dist/esm/message/operators/first.js
-var EmptyError = class extends Error {
-  constructor() {
-    super("no elements in sequence");
-    this.name = "EmptyError";
-  }
-};
-function first(predicate) {
+function first(predicate, defaultValue) {
   return (source) => {
     return new Observable((subscriber) => {
       let index = 0;
-      let found = false;
-      const sourceSubscription = source.subscribe({
+      let hasValue = false;
+      const subscription = source.subscribe({
         next: (value) => {
-          if (found) return;
-          const passed = predicate ? predicate(value, index++) : true;
-          if (passed) {
-            found = true;
+          if (hasValue) {
+            return;
+          }
+          const shouldEmit = predicate ? predicate(value, index++) : true;
+          if (shouldEmit) {
+            hasValue = true;
             subscriber.next(value);
             subscriber.complete();
-            sourceSubscription.unsubscribe();
+            subscription.unsubscribe();
           }
         },
         error: (err) => {
-          subscriber.error(err);
+          if (!hasValue) {
+            subscriber.error(err);
+          }
         },
         complete: () => {
-          if (!found) {
-            subscriber.error(new EmptyError());
+          if (!hasValue) {
+            if (defaultValue !== void 0) {
+              subscriber.next(defaultValue);
+              subscriber.complete();
+            } else {
+              subscriber.error(new Error("no elements in sequence"));
+            }
           }
         }
       });
-      return () => {
-        sourceSubscription.unsubscribe();
-      };
+      return subscription;
     });
   };
 }
 
 // ../core/dist/esm/message/internal/lastValueFrom.js
-var EmptyError2 = class extends Error {
+var EmptyError = class extends Error {
   constructor(message = "No elements in sequence") {
     super(message);
     this.name = "EmptyError";
@@ -9088,7 +9774,7 @@ function firstValueFrom(source) {
       error: reject,
       complete: () => {
         if (!_hasValue) {
-          reject(new EmptyError2());
+          reject(new EmptyError());
         }
       }
     });
@@ -9193,7 +9879,7 @@ var SSRFilter = class {
           simpleBootFront.routingSubjectObservable.pipe(
             // @ts-ignore
             filter(
-              (it) => it.state === "end" && typeof it.routerModule.intent.uri === "string" && targetUrl.endsWith(it.routerModule.intent.uri)
+              (it) => it.triggerPoint === "end" && typeof it.routerModule.intent.uri === "string" && targetUrl.endsWith(it.routerModule.intent.uri)
             ),
             // delay(1000),
             first()
@@ -9471,10 +10157,10 @@ var Alert = class {
     this.alertService = alertService;
     this.config = config;
     this.isActive = false;
-    this.activeBefore = [];
-    this.activeAfter = [];
-    this.deActiveBefore = [];
-    this.deActiveAfter = [];
+    this.activateBefore = [];
+    this.activateAfter = [];
+    this.deActivateBefore = [];
+    this.deActivateAfter = [];
     this.data = /* @__PURE__ */ new Map();
     if (config?.uuid) {
       this.uuid = config.uuid;
@@ -9483,16 +10169,16 @@ var Alert = class {
     }
   }
   addOpenBefore(fn) {
-    this.activeBefore.push(fn);
+    this.activateBefore.push(fn);
   }
   addOpenAfter(fn) {
-    this.activeAfter.push(fn);
+    this.activateAfter.push(fn);
   }
   addCloseBefore(fn) {
-    this.deActiveBefore.push(fn);
+    this.deActivateBefore.push(fn);
   }
   addCloseAfter(fn) {
-    this.deActiveAfter.push(fn);
+    this.deActivateAfter.push(fn);
   }
   setData(key, value) {
     this.data.set(key, value);
@@ -9500,35 +10186,35 @@ var Alert = class {
   getData(key) {
     return this.data.get(key);
   }
-  async active() {
+  async activate() {
     try {
-      await Promise.allSettled(this.activeBefore.map((it) => it())).then((it) => {
+      await Promise.allSettled(this.activateBefore.map((it) => it())).then((it) => {
         this.result = this.make();
         this.alertService?.publish({ action: AlertAction.ACTIVE, alert: this });
         this.isActive = true;
         if (this.config?.closeTime !== void 0 && this.config?.closeTime > 0) {
           setTimeout(() => {
-            this.inActive();
+            this.deActivate();
           }, this.config.closeTime);
         }
-        this.config?.active?.(this.result, this);
+        this.config?.activate?.(this.result, this);
       });
     } catch (e) {
     } finally {
-      await Promise.allSettled(this.activeAfter.map((it) => it())).then((it) => {
+      await Promise.allSettled(this.activateAfter.map((it) => it())).then((it) => {
       });
     }
   }
-  async inActive() {
+  async deActivate() {
     try {
-      await Promise.allSettled(this.deActiveBefore.map((it) => it())).then((it) => {
+      await Promise.allSettled(this.deActivateBefore.map((it) => it())).then((it) => {
         this.alertService?.publish({ action: AlertAction.IN_ACTIVE, alert: this });
         this.isActive = false;
-        this.config?.deActive?.(this.result, this);
+        this.config?.deActivate?.(this.result, this);
       });
     } catch (e) {
     } finally {
-      await Promise.allSettled(this.deActiveAfter.map((it) => it())).then((it) => {
+      await Promise.allSettled(this.deActivateAfter.map((it) => it())).then((it) => {
       });
     }
   }
@@ -10031,7 +10717,7 @@ var ApiService = class ApiService2 extends HttpJsonFetcher {
       const alert = this.alertService?.progress({ title: config.config.config.title });
       if (alert) {
         pipe.progress = alert;
-        alert.active();
+        alert.activate();
       }
     }
   }
@@ -10039,7 +10725,7 @@ var ApiService = class ApiService2 extends HttpJsonFetcher {
     this.subject.next({ type: "success", config, pipe });
     config.config?.config?.callBackSuccess?.(config, pipe);
     if (config.config?.config?.alertSuccessMsg) {
-      this.alertService?.success({ title: config.config.config.title })?.active();
+      this.alertService?.success({ title: config.config.config.title })?.activate();
     }
   }
   afterSuccessTransform(config, pipe) {
@@ -10047,7 +10733,7 @@ var ApiService = class ApiService2 extends HttpJsonFetcher {
   finally(config, pipe) {
     this.subject.next({ type: "final", config, pipe });
     config.config?.config?.callBackFinal?.(config, pipe);
-    pipe.progress?.inActive();
+    pipe.progress?.deActivate();
   }
   error(config, pipe, e) {
     console.log("error", e);
@@ -10056,7 +10742,7 @@ var ApiService = class ApiService2 extends HttpJsonFetcher {
     if (config.config?.config?.alertErrorMsg) {
       this.alertService?.danger({
         title: `${config.config.config.title ? config.config.config.title : ""}${e.message ? `(${e.message})` : ""}`
-      })?.active();
+      })?.activate();
     }
     if (config.config?.config?.enableErrorConsole) {
       console.error(`apiService Error ${config?.config?.config?.title}`, e);
@@ -10090,97 +10776,14 @@ var __decorate9 = function(decorators, target, key, desc) {
 var __metadata6 = function(k, v) {
   if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
+var SymbolIntentApiServiceProxy_1;
 var _a6;
-var SymbolIntentApiServiceProxy = class SymbolIntentApiServiceProxy2 {
+var SymbolIntentApiServiceProxy = SymbolIntentApiServiceProxy_1 = class SymbolIntentApiServiceProxy2 {
   constructor(apiService) {
     this.apiService = apiService;
-    console.log("-------apiService", apiService);
-  }
-  get(target, prop, receiver) {
-    const simConfig = getSim(target);
-    const apiService = this.apiService;
-    const value = Reflect.get(target, prop, receiver);
-    if (typeof value === "function" && simConfig?.symbol) {
-      return function(...args) {
-        const f = value;
-        const p = (userConfig) => {
-          const headers = { ...userConfig?.headers ?? {}, ...makeIntentHeaderBySymbol(simConfig.symbol) };
-          const method = userConfig?.method ?? "post";
-          if (method === "post" && userConfig?.multipartFormData) {
-            return apiService.post({
-              target: `/${String(prop)}`,
-              config: {
-                bypassTransform: userConfig?.bypassTransform,
-                transformText: userConfig?.transformText,
-                fetch: {
-                  credentials: "include",
-                  headers,
-                  body: ConvertUtils.toFormData(userConfig?.body)
-                }
-              }
-            });
-          } else if (method === "post") {
-            return apiService.postJson({
-              target: `/${String(prop)}`,
-              config: {
-                bypassTransform: userConfig?.bypassTransform,
-                transformText: userConfig?.transformText,
-                fetch: {
-                  credentials: "include",
-                  headers,
-                  body: userConfig?.body
-                }
-              }
-            });
-          } else if (method === "petch") {
-            return apiService.patchJson({
-              target: `/${String(prop)}`,
-              config: {
-                bypassTransform: userConfig?.bypassTransform,
-                transformText: userConfig?.transformText,
-                fetch: {
-                  credentials: "include",
-                  headers,
-                  body: userConfig?.body
-                }
-              }
-            });
-          } else {
-            return apiService[method]({
-              // return apiService.head({
-              target: { url: `/${String(prop)}`, searchParams: userConfig?.body },
-              config: {
-                bypassTransform: userConfig?.bypassTransform,
-                transformText: userConfig?.transformText,
-                fetch: {
-                  credentials: "include",
-                  headers
-                }
-              }
-            });
-          }
-        };
-        args.push(p);
-        return Reflect.apply(f, target, args);
-      };
-    }
-    return Reflect.get(target, prop, receiver);
-  }
-  apply(target, thisArg, argArray) {
-    console.log("SymbolIntentApiServiceProxy apply");
-    return Reflect.apply(target, thisArg, argArray);
   }
-};
-SymbolIntentApiServiceProxy = __decorate9([
-  Sim,
-  __metadata6("design:paramtypes", [typeof (_a6 = typeof ApiService !== "undefined" && ApiService) === "function" ? _a6 : Object])
-], SymbolIntentApiServiceProxy);
-
-// src/proxy/SymbolIntentApiServiceProxyBase.ts
-var SymbolIntentApiServiceProxyBase = class {
-  // 생성자는 프록시될 대상 객체(target)와 의존성을 주입받습니다.
-  constructor(apiService) {
-    const handler = {
+  static createHandler(apiService) {
+    return {
       get(target, prop, receiver) {
         const simConfig = getSim(target);
         const value = Reflect.get(target, prop, receiver);
@@ -10196,6 +10799,7 @@ var SymbolIntentApiServiceProxyBase = class {
                   config: {
                     bypassTransform: userConfig?.bypassTransform,
                     transformText: userConfig?.transformText,
+                    config: userConfig?.config,
                     fetch: {
                       credentials: "include",
                       headers,
@@ -10209,6 +10813,7 @@ var SymbolIntentApiServiceProxyBase = class {
                   config: {
                     bypassTransform: userConfig?.bypassTransform,
                     transformText: userConfig?.transformText,
+                    config: userConfig?.config,
                     fetch: {
                       credentials: "include",
                       headers,
@@ -10222,6 +10827,7 @@ var SymbolIntentApiServiceProxyBase = class {
                   config: {
                     bypassTransform: userConfig?.bypassTransform,
                     transformText: userConfig?.transformText,
+                    config: userConfig?.config,
                     fetch: {
                       credentials: "include",
                       headers,
@@ -10235,6 +10841,7 @@ var SymbolIntentApiServiceProxyBase = class {
                   config: {
                     bypassTransform: userConfig?.bypassTransform,
                     transformText: userConfig?.transformText,
+                    config: userConfig?.config,
                     fetch: {
                       credentials: "include",
                       headers
@@ -10250,10 +10857,28 @@ var SymbolIntentApiServiceProxyBase = class {
         return Reflect.get(target, prop, receiver);
       },
       apply(target, thisArg, argArray) {
-        console.log("SymbolIntentApiServiceProxyBase apply (from handler)");
+        console.log("SymbolIntentApiServiceProxy apply");
         return Reflect.apply(target, thisArg, argArray);
       }
     };
+  }
+  get(target, prop, receiver) {
+    return SymbolIntentApiServiceProxy_1.createHandler(this.apiService).get(target, prop, receiver);
+  }
+  apply(target, thisArg, argArray) {
+    return SymbolIntentApiServiceProxy_1.createHandler(this.apiService).apply(target, thisArg, argArray);
+  }
+};
+SymbolIntentApiServiceProxy = SymbolIntentApiServiceProxy_1 = __decorate9([
+  Sim,
+  __metadata6("design:paramtypes", [typeof (_a6 = typeof ApiService !== "undefined" && ApiService) === "function" ? _a6 : Object])
+], SymbolIntentApiServiceProxy);
+
+// src/proxy/SymbolIntentApiServiceProxyBase.ts
+var SymbolIntentApiServiceProxyBase = class {
+  // 생성자는 프록시될 대상 객체(target)와 의존성을 주입받습니다.
+  constructor(apiService) {
+    const handler = SymbolIntentApiServiceProxy.createHandler(apiService);
     return new Proxy(this, handler);
   }
 };
@@ -10288,6 +10913,7 @@ var ReqHeader = class {
 
 // ../simple-boot-http-server/dist/esm/models/RequestResponse.js
 var import_node_gzip = __toESM(require_dist(), 1);
+import { Blob } from "node:buffer";
 
 // ../core-node/dist/esm/file/FileUtils.js
 import * as node_os from "node:os";
@@ -10299,6 +10925,7 @@ var FileUtils;
     constructor(_data) {
       this._data = _data;
       this.updateStats();
+      this.etcData = _data.etcData;
     }
     get originalName() {
       return this._data.originalName;
@@ -10348,10 +10975,11 @@ var FileUtils;
   }
   FileUtils2.File = File;
   FileUtils2.writeFile = async (buffer, config) => {
+    config ?? (config = {});
     config.path ?? (config.path = `${node_os.tmpdir()}/${RandomUtils.uuid4()}_${Date.now()}`);
     await node_fs.promises.mkdir(config.path.substring(0, config.path.lastIndexOf("/")), { recursive: true });
     await node_fs.promises.writeFile(config.path, buffer);
-    return new File({ path: config.path, originalName: config.originalName });
+    return new File({ path: config.path, originalName: config.originalName, etcData: config.etcData });
   };
   FileUtils2.path = (path2) => {
     return Array.isArray(path2) ? node_path.join(...path2) : path2;
@@ -10397,6 +11025,26 @@ var FileUtils;
     const buffer = config?.option ? node_fs.readFileSync(p, config.option) : node_fs.readFileSync(p);
     return buffer;
   };
+  FileUtils2.readAsync = async (path2, config) => {
+    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");
+  };
+  FileUtils2.readStringAsync = async (path2) => {
+    const p = FileUtils2.path(path2);
+    return node_fs.promises.readFile(p, "utf-8");
+  };
   FileUtils2.read = async (path2, config) => {
     const p = FileUtils2.path(path2);
     return node_fs.readFile(p, config.option);
@@ -10577,7 +11225,7 @@ var RequestResponse = class _RequestResponse {
     const formData = {};
     for (const it of m) {
       if (it.isFile) {
-        formData[it.name] = await FileUtils.writeFile(it.value, { originalName: it.filename });
+        formData[it.name] = await FileUtils.writeFile(it.value, { originalName: it.filename, etcData: it });
       } else {
         const target = formData[it.name];
         if (Array.isArray(target)) {
@@ -10855,7 +11503,28 @@ var RequestResponse = class _RequestResponse {
     this.res.end(data);
   }
   async resEnd(chunk) {
-    this.resWriteChunk = chunk ?? this.resWriteChunk;
+    if (chunk instanceof Response) {
+      chunk.headers.forEach((value, key) => {
+        this.res.setHeader(`ORIGIN-${key}`, value);
+      });
+      if (!this.resHeader(HttpHeaders.ContentType)) {
+        const contentType = chunk.headers.get(HttpHeaders.ContentType);
+        if (contentType) {
+          this.res.setHeader(HttpHeaders.ContentType, contentType);
+        }
+      }
+      this.res.statusCode = chunk.status;
+      this.resWriteChunk = Buffer2.from(await chunk.arrayBuffer());
+    } else if (chunk instanceof Blob) {
+      this.resWriteChunk = Buffer2.from(await chunk.arrayBuffer());
+      if (!this.resHeader(HttpHeaders.ContentType)) {
+        this.res.setHeader(HttpHeaders.ContentType, chunk.type);
+      }
+    } else if (chunk instanceof ArrayBuffer) {
+      this.resWriteChunk = Buffer2.from(chunk);
+    } else {
+      this.resWriteChunk = chunk ?? this.resWriteChunk;
+    }
     if (this.req.readable) {
       await this.reqBodyData();
       await this.resEndChunk();
@@ -10872,6 +11541,11 @@ var RequestResponse = class _RequestResponse {
   //     // this.res.write(chunk);
   //     return this.createRequestResponseChain();
   // }
+  resRedirect(statusCode, location) {
+    this.res.statusCode = statusCode;
+    this.res.setHeader(HttpHeaders.Location, location);
+    this.res.end();
+  }
   resWriteHead(statusCode, headers) {
     return this.createRequestResponseChain(this.res.writeHead(statusCode, headers));
   }
@@ -10926,6 +11600,7 @@ var HttpMethod = /* @__PURE__ */ ((HttpMethod2) => {
 // ../simple-boot-http-server/dist/esm/decorators/MethodMapping.js
 var UrlMappingSituationType = /* @__PURE__ */ ((UrlMappingSituationType2) => {
   UrlMappingSituationType2["REQ_JSON_BODY"] = "SIMPLE_BOOT_HTTP_SERVER://URLMAPPING/REQ_JSON_BODY";
+  UrlMappingSituationType2["REQ_URL_SEARCH_PARAMS_OBJ"] = "SIMPLE_BOOT_HTTP_SERVER://URLMAPPING/REQ_URL_SEARCH_PARAMS_OBJ";
   UrlMappingSituationType2["REQ_FORM_URL_BODY"] = "SIMPLE_BOOT_HTTP_SERVER://URLMAPPING/REQ_FORM_URL_BODY";
   return UrlMappingSituationType2;
 })(UrlMappingSituationType || {});
@@ -10947,42 +11622,6 @@ var ReqMultipartFormBody = class {
   }
 };
 
-// ../simple-boot/dist/esm/decorators/validate/Validation.js
-var ValidMetadataKey = Symbol("ValidMetadataKey");
-var getValidIndex = (target, propertyKey) => {
-  if (target !== null && void 0 !== target && typeof target === "object") {
-    target = target.constructor;
-  }
-  if (propertyKey) {
-    const parameters = Reflect.getOwnMetadata(ValidMetadataKey, target, propertyKey);
-    return parameters ?? [];
-  } else {
-    return ReflectUtils.getMetadata(ValidMetadataKey, target) ?? [];
-  }
-};
-var ValidationMetadataKey = Symbol("ValidationMetadataKey");
-var getValidators = (target) => {
-  if (target !== null && void 0 !== target && typeof target === "object") {
-    target = target.constructor;
-  }
-  return ReflectUtils.getMetadata(ValidationMetadataKey, target) ?? [];
-};
-var execValidationInValid = (obj) => {
-  return execValidation(obj).filter((it) => !it.valid);
-};
-var execValidation = (obj) => {
-  const validators = getValidators(obj);
-  const reesults = [];
-  validators.forEach((it) => {
-    reesults.push({
-      name: it.propertyKey,
-      valid: it.validator(it.propertyKey, it),
-      message: ""
-    });
-  });
-  return reesults;
-};
-
 // ../simple-boot/dist/esm/errors/ValidException.js
 var ValidException = class {
   constructor(result) {
@@ -11081,6 +11720,10 @@ var InjectSituationType;
   InjectSituationType2.TransactionManager = Symbol("TransactionManager");
 })(InjectSituationType || (InjectSituationType = {}));
 
+// ../simple-boot-http-server/dist/esm/models/datas/search/ReqSearchParamsObj.js
+var ReqSearchParamsObj = class {
+};
+
 // ../simple-boot-http-server/dist/esm/SimpleBootHttpServer.js
 var SimpleBootHttpServer = class extends SimpleApplication {
   constructor(option = new HttpServerOption()) {
@@ -11216,6 +11859,7 @@ var SimpleBootHttpServer = class extends SimpleApplication {
               const validIndexs = getValidIndex(moduleInstance, it.propertyKey);
               if (injects) {
                 const isJson = injects.find((it2) => it2.config?.situationType === UrlMappingSituationType.REQ_JSON_BODY);
+                const isSearchParamsObj = injects.find((it2) => it2.config?.situationType === UrlMappingSituationType.REQ_URL_SEARCH_PARAMS_OBJ);
                 const isFormUrl = injects.find((it2) => it2.config?.situationType === UrlMappingSituationType.REQ_FORM_URL_BODY);
                 const isTransactionManager = injects.find((it2) => it2.config?.situationType === InjectSituationType.TransactionManager);
                 const siturationContainers = new SituationTypeContainers();
@@ -11235,6 +11879,19 @@ var SimpleBootHttpServer = class extends SimpleApplication {
                     data: data2
                   }));
                 }
+                if (isSearchParamsObj) {
+                  let data2 = rr.reqUrlSearchParamsObj;
+                  if (validIndexs.includes(isSearchParamsObj.index)) {
+                    const inValid = execValidationInValid(data2);
+                    if ((inValid?.length ?? 0) > 0) {
+                      throw new ValidException(inValid);
+                    }
+                  }
+                  siturationContainers.push(new SituationTypeContainer({
+                    situationType: UrlMappingSituationType.REQ_URL_SEARCH_PARAMS_OBJ,
+                    data: data2
+                  }));
+                }
                 if (isFormUrl) {
                   let data2 = await rr.reqBodyFormUrlData();
                   if (isFormUrl.type) {
@@ -11264,6 +11921,8 @@ var SimpleBootHttpServer = class extends SimpleApplication {
                   otherStorage.set(ReqFormUrlBody, await rr.reqBodyReqFormUrlBody());
                 } else if (paramType === ReqJsonBody) {
                   otherStorage.set(ReqJsonBody, await rr.reqBodyReqJsonBody());
+                } else if (paramType === ReqSearchParamsObj) {
+                  otherStorage.set(ReqSearchParamsObj, rr.reqUrlSearchParamsObj);
                 } else if (paramType === URLSearchParams3) {
                   otherStorage.set(URLSearchParams3, rr.reqUrlSearchParams);
                 } else if (paramType === ReqMultipartFormBody) {