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

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

@@ -36,9 +36,9 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
   ));
   var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), 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 = {
@@ -246,6 +246,14 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
     const isConstructorLike = (fn) => {
       return typeof fn === "function" && typeof fn.prototype !== "undefined";
     };
+    ValidUtils2.isUrl = (str) => {
+      try {
+        new URL(str);
+        return true;
+      } catch (_) {
+        return false;
+      }
+    };
     ValidUtils2.isFrozen = (obj) => {
       return Object.isFrozen(obj);
     };
@@ -682,57 +690,70 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
         if (Path2.isFunctionScript(path2) || Path2.isArrowFunctionScript(path2)) {
           return path2;
         }
-        if (path2.includes(" ? ") && path2.includes(" : ")) {
-          const parts = path2.split(/(\s+\?\s+|\s+:\s+)/);
-          const result = parts.map((part, index) => {
-            if (index === 0) {
-              const tokens2 = part.match(/[^?.[\]]+|\[[^\]]*\]/g);
-              if (tokens2 && tokens2.length > 1) {
-                return tokens2.join("?.");
-              }
+        const nullishCoalescingPlaceholder = "__NULLISH_COALESCING__";
+        const hasNullishCoalescing = path2.includes("??");
+        let tempPath = path2;
+        if (hasNullishCoalescing) {
+          tempPath = tempPath.replace(/\?\?/g, nullishCoalescingPlaceholder);
+        }
+        const ternaryMatch = tempPath.match(/\?\s+[^:]*:/);
+        if (ternaryMatch) {
+          const questionMarkIndex = tempPath.indexOf("?");
+          const colonIndex = tempPath.indexOf(":", questionMarkIndex);
+          if (questionMarkIndex !== -1 && colonIndex !== -1) {
+            const charAfterQuestion = tempPath.charAt(questionMarkIndex + 1);
+            if (charAfterQuestion === " " || charAfterQuestion === "	" || charAfterQuestion === "\n") {
+              const condition = tempPath.substring(0, questionMarkIndex).trim();
+              const trueBranch = tempPath.substring(questionMarkIndex + 1, colonIndex).trim();
+              const falseBranch = tempPath.substring(colonIndex + 1).trim();
+              const processedCondition = Path2.toOptionalChainPath(condition);
+              const processedTrueBranch = Path2.toOptionalChainPath(trueBranch);
+              const processedFalseBranch = Path2.toOptionalChainPath(falseBranch);
+              const finalResult = `${processedCondition} ? ${processedTrueBranch} : ${processedFalseBranch}`;
+              return hasNullishCoalescing ? finalResult.replace(new RegExp(nullishCoalescingPlaceholder, "g"), "??") : finalResult;
             }
-            return part;
-          });
-          return result.join("");
+          }
         }
-        if (path2.includes("(")) {
+        if (tempPath.includes("(")) {
           const functionCallMatches = [];
-          let tempPath = path2;
+          let workingPath = tempPath;
           let counter = 0;
           const functionCallRegex = /(\w+)\(([^()]*(?:\([^()]*\)[^()]*)*)\)/g;
           let match;
-          while ((match = functionCallRegex.exec(path2)) !== null) {
+          while ((match = functionCallRegex.exec(tempPath)) !== null) {
             const fullMatch = match[0];
             const funcName = match[1];
             const funcArgs = match[2];
             const placeholder = `__FUNC_CALL_${counter}__`;
-            const processedArgs = funcArgs ? Path2.toOptionalChainPath(funcArgs) : "";
+            let processedArgs = funcArgs ? Path2.toOptionalChainPath(funcArgs) : "";
+            processedArgs = processedArgs.replace(/\?\.\s*$/, "");
             const processedFuncCall = `${funcName}?.(${processedArgs})`;
             functionCallMatches.push({
               original: fullMatch,
               processed: processedFuncCall,
               placeholder
             });
-            tempPath = tempPath.replace(fullMatch, placeholder);
+            workingPath = workingPath.replace(fullMatch, placeholder);
             counter++;
           }
-          const tokens2 = tempPath.match(/[^?.[\]]+|\[[^\]]*\]/g);
+          const tokens2 = workingPath.match(/[^?.[\]]+|\[[^\]]*\]/g);
           let processedPath = "";
           if (tokens2 && tokens2.length > 1) {
             processedPath = tokens2.join("?.");
           } else {
-            processedPath = tempPath;
+            processedPath = workingPath;
           }
           for (const funcMatch of functionCallMatches) {
             processedPath = processedPath.replace(funcMatch.placeholder, funcMatch.processed);
           }
-          return processedPath;
+          return hasNullishCoalescing ? processedPath.replace(new RegExp(nullishCoalescingPlaceholder, "g"), "??") : processedPath;
         }
-        const tokens = path2.match(/[^?.[\]]+|\[[^\]]*\]/g);
+        const tokens = tempPath.match(/[^?.[\]]+|\[[^\]]*\]/g);
         if (!tokens) {
-          return path2;
+          return hasNullishCoalescing ? path2 : path2;
         }
-        return tokens.join("?.");
+        const result = tokens.join("?.");
+        return hasNullishCoalescing ? result.replace(new RegExp(nullishCoalescingPlaceholder, "g"), "??") : result;
       };
       Path2.removeOptionalChainOperator = (path2) => {
         if (!path2) {
@@ -973,7 +994,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
           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();
@@ -1105,117 +1126,6 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
     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) => {
@@ -1230,17 +1140,6 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
         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) => {
@@ -1327,19 +1226,64 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
       const paths = this.fullPath.split("?");
       return paths[1] ?? "";
     }
+    getQueryParamDecodeURI(key) {
+      const p = this.queryParamsDecodeURI;
+      if (key) {
+        return p[key];
+      } else {
+        return p;
+      }
+    }
+    getQueryParamDecodeURIFirst(key) {
+      const param = this.getQueryParamDecodeURI(key);
+      if (Array.isArray(param)) {
+        return param[0];
+      } else {
+        return param;
+      }
+    }
+    getQueryParam(key) {
+      const p = this.queryParams;
+      if (key) {
+        return p[key];
+      } else {
+        return p;
+      }
+    }
+    getQueryParamFirst(key) {
+      const param = this.getQueryParam(key);
+      if (Array.isArray(param)) {
+        return param[0];
+      } else {
+        return param;
+      }
+    }
     get queryParams() {
       const param = {};
       this.query.split("&")?.forEach((it) => {
         const a = it.split("=");
-        param[a[0]] = a[1];
+        if (param[a[0]]) {
+          if (Array.isArray(param[a[0]])) {
+            param[a[0]].push(a[1]);
+          } else {
+            param[a[0]] = [param[a[0]], a[1]];
+          }
+        } else {
+          param[a[0]] = a[1];
+        }
       });
       return param;
     }
-    get queryParamsAfterDecodeURI() {
+    get queryParamsDecodeURI() {
       const params = this.queryParams;
       for (const key in params) {
         if (params.hasOwnProperty(key)) {
-          params[key] = decodeURIComponent(params[key]);
+          const param = params[key];
+          if (Array.isArray(param)) {
+            params[key] = param.map((p) => decodeURIComponent(p));
+          } else {
+            params[key] = decodeURIComponent(param);
+          }
         }
       }
       return params;
@@ -2729,9 +2673,19 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
     ConvertUtils22.jsonToMap = (jsonStr) => {
       return new Map(JSON.parse(jsonStr));
     };
+    ConvertUtils22.toUrl = (data) => {
+      try {
+        return new URL(data);
+      } catch (e) {
+        throw new Error(`Invalid URL string: ${data}`);
+      }
+    };
     ConvertUtils22.decodeURIString = (data) => {
       return decodeURIComponent(data);
     };
+    ConvertUtils22.encodeURIString = (data) => {
+      return encodeURIComponent(data);
+    };
     ConvertUtils22.objToStrMap = (obj) => {
       const strMap = /* @__PURE__ */ new Map();
       for (const k of Object.keys(obj)) {
@@ -2869,6 +2823,74 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
     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 };
     };
@@ -3031,6 +3053,29 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
     ConvertUtils22.stringJsonToKeyPairs = (stringJson) => {
       return Array.from(stringJson.matchAll(/(\w+):\s*([^,}]+)/g)).map((match) => ({ key: match[1], value: match[2] }));
     };
+    ConvertUtils22.stringToBase64 = (str) => {
+      return btoa(str);
+    };
+    ConvertUtils22.uint8ArrayToBase64 = (bytes) => {
+      let binary = "";
+      const len = bytes.byteLength;
+      for (let i = 0; i < len; i++) {
+        binary += String.fromCharCode(bytes[i]);
+      }
+      return btoa(binary);
+    };
+    ConvertUtils22.base64ToString = (base64) => {
+      return atob(base64);
+    };
+    ConvertUtils22.base64ToUint8Array = (base64) => {
+      const binaryString = atob(base64);
+      const len = binaryString.length;
+      const bytes = new Uint8Array(len);
+      for (let i = 0; i < len; i++) {
+        bytes[i] = binaryString.charCodeAt(i);
+      }
+      return bytes;
+    };
   })(ConvertUtils || (ConvertUtils = {}));
 
   // ../simple-boot/dist/esm/lifecycle/OnSimCreate.js
@@ -3155,17 +3200,37 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
       return this.routerChains[0];
     }
     get firstRouteChainValue() {
-      return this.firstRouteChain.getValue();
+      return this.firstRouteChain?.getValue();
     }
     get lastRouteChain() {
       return this.routerChains[this.routerChains.length - 1];
     }
     get lastRouteChainValue() {
-      return this.lastRouteChain.getValue();
+      return this.lastRouteChain?.getValue();
     }
     hasActivateInLastRoute(obj) {
       return this.lastRouteChainValue?.hasActivate(obj) === true;
     }
+    getQueryParamDecodeURI(key) {
+      if (this.intent) {
+        return this.intent.getQueryParamDecodeURI(key);
+      }
+    }
+    getQueryParamDecodeURIFirst(key) {
+      if (this.intent) {
+        return this.intent.getQueryParamDecodeURIFirst(key);
+      }
+    }
+    getQueryParam(key) {
+      if (this.intent) {
+        return this.intent.getQueryParam(key);
+      }
+    }
+    getQueryParamFirst(key) {
+      if (this.intent) {
+        return this.intent.getQueryParamFirst(key);
+      }
+    }
     get queryParams() {
       if (this.intent) {
         return this.intent.queryParams;
@@ -3173,7 +3238,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
     }
     get queryParamsAfterDecodeURI() {
       if (this.intent) {
-        return this.intent.queryParamsAfterDecodeURI;
+        return this.intent.queryParamsDecodeURI;
       }
     }
   };
@@ -3192,7 +3257,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
     };
   })(RouterAction || (RouterAction = {}));
 
-  // ../core/dist/esm/message/Subscriber..js
+  // ../core/dist/esm/message/Subscriber.js
   var Subscriber = class {
     constructor(destination) {
       this.destination = destination;
@@ -4297,6 +4362,53 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
     }
   };
 
+  // ../simple-boot/dist/esm/intent/IntentSubscribe.js
+  var isIntentSubscribe = (obj) => {
+    return !!obj && typeof obj.intentSubscribe === "function";
+  };
+
+  // ../simple-boot/dist/esm/decorators/cache/CacheDecorator.js
+  var CacheMetadataKey = Symbol("Cache");
+
+  // ../simple-boot/dist/esm/decorators/event/EventListener.js
+  var EventListenerMetadataKey = Symbol("EventListener");
+
+  // ../simple-boot/dist/esm/decorators/validate/Validation.js
+  var ValidMetadataKey = Symbol("ValidMetadataKey");
+  var getValidIndex = (target, propertyKey) => {
+    if (target !== null && void 0 !== target && typeof target === "object") {
+      target = target.constructor;
+    }
+    if (propertyKey) {
+      const parameters = Reflect.getOwnMetadata(ValidMetadataKey, target, propertyKey);
+      return parameters ?? [];
+    } else {
+      return ReflectUtils.getMetadata(ValidMetadataKey, target) ?? [];
+    }
+  };
+  var ValidationMetadataKey = Symbol("ValidationMetadataKey");
+  var getValidators = (target) => {
+    if (target !== null && void 0 !== target && typeof target === "object") {
+      target = target.constructor;
+    }
+    return ReflectUtils.getMetadata(ValidationMetadataKey, target) ?? [];
+  };
+  var execValidationInValid = (obj) => {
+    return execValidation(obj).filter((it) => !it.valid);
+  };
+  var execValidation = (obj) => {
+    const validators = getValidators(obj);
+    const reesults = [];
+    validators.forEach((it) => {
+      reesults.push({
+        name: it.propertyKey,
+        valid: it.validator(it.propertyKey, it),
+        message: ""
+      });
+    });
+    return reesults;
+  };
+
   // ../simple-boot/dist/esm/intent/IntentManager.js
   var __decorate2 = function(decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -4338,7 +4450,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
       } else if (typeof it === "string") {
         it = new Intent(it, data);
       }
-      let intent = it;
+      const intent = it;
       const r = [];
       if (!routerMatch) {
         if (intent.symbols) {
@@ -4357,7 +4469,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
         }
       });
       this.subject.next(it);
-      targetInstances.forEach((data2) => {
+      for (let data2 of targetInstances) {
         let orNewSim = data2;
         if (orNewSim) {
           if (intent.paths.length > 0) {
@@ -4369,6 +4481,18 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
               lastProp = i;
             });
             if (orNewSim && typeof orNewSim === "function") {
+              const injects = getInject(callthis, orNewSim.name);
+              if (injects) {
+                for (const inject of injects) {
+                  let v = this.simstanceManager.findLastSim(inject.config).getValue();
+                  if (typeof inject.config.returnFactory === "function") {
+                    v = await inject.config.returnFactory({ instance: callthis, methodName: orNewSim.name, parameter: intent.data }, v);
+                  } else if (typeof inject.config.returnFactory === "string") {
+                    v = await v[inject.config.returnFactory]({ instance: callthis, methodName: orNewSim.name, parameter: intent.data }, v);
+                  }
+                  intent.data[inject.index] = v;
+                }
+              }
               if (PublishType.DATA_PARAMETERS === intent.publishType) {
                 r.push(orNewSim.call(callthis, intent.data));
               } else if (PublishType.INLINE_DATA_PARAMETERS === intent.publishType) {
@@ -4382,15 +4506,22 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
             }
           } else {
             if (PublishType.DATA_PARAMETERS === intent.publishType) {
-              r.push(orNewSim?.intentSubscribe?.(intent.data));
+              if (isIntentSubscribe(orNewSim)) {
+                r.push(orNewSim.intentSubscribe(intent.data));
+              }
             } else if (PublishType.INLINE_DATA_PARAMETERS === intent.publishType) {
-              r.push(orNewSim?.intentSubscribe?.(...intent.data));
+              if (isIntentSubscribe(orNewSim)) {
+                r.push(orNewSim.intentSubscribe(...intent.data));
+              }
             } else {
-              r.push(orNewSim?.intentSubscribe?.(intent));
+              if (isIntentSubscribe(orNewSim)) {
+                r.push(orNewSim?.intentSubscribe?.(intent));
+              }
             }
           }
         }
-      });
+      }
+      ;
       return r;
     }
   };
@@ -4402,6 +4533,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
   // ../simple-boot-http-server/dist/esm/codes/HttpStatus.js
   var HttpStatus = /* @__PURE__ */ ((HttpStatus2) => {
     HttpStatus2[HttpStatus2["Ok"] = 200] = "Ok";
+    HttpStatus2[HttpStatus2["MultipleChoices"] = 300] = "MultipleChoices";
     HttpStatus2[HttpStatus2["MovedPermanently"] = 301] = "MovedPermanently";
     HttpStatus2[HttpStatus2["Found"] = 302] = "Found";
     HttpStatus2[HttpStatus2["SeeOther"] = 303] = "SeeOther";
@@ -4578,6 +4710,136 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
     }
   };
 
+  // ../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 {
     /**
@@ -4794,6 +5056,71 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
       });
       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) {
@@ -5311,11 +5638,11 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
     findAttrElements(fragment, config) {
       const elements = /* @__PURE__ */ new Set();
       const addAttributes = config?.applyEvents?.map((it) => it.attrName) ?? [];
-      addAttributes.concat([..._EventManager2.attrNames]).forEach((attrName) => {
-        fragment?.querySelectorAll(`[${attrName}]`).forEach((it) => {
-          elements.add(it);
-        });
-      });
+      const attrs = addAttributes.concat([..._EventManager2.attrNames]).filter(Boolean);
+      if (attrs.length) {
+        const selector = attrs.map((a) => `[${a}]`).join(",");
+        fragment?.querySelectorAll(selector).forEach((it) => elements.add(it));
+      }
       return elements;
     }
     applyEvent(obj, childNodes, config) {
@@ -5327,7 +5654,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
       this.procAttr(childNodes, _EventManager2.valueAttrName, (it, attribute) => {
         const script = attribute;
         if (script) {
-          const data = ScriptUtils.evaluateReturn(script, obj);
+          const data = ObjectUtils.Script.evaluateReturn(script, obj);
           if (it.value !== data) {
             it.value = data;
           }
@@ -5336,7 +5663,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
       this.procAttr(childNodes, _EventManager2.checkedAttrName, (it, attribute) => {
         const script = attribute;
         if (script) {
-          const data = ScriptUtils.evaluateReturn(script, obj);
+          const data = ObjectUtils.Script.evaluateReturn(script, obj);
           if (it.checked !== data) {
             it.checked = data;
           }
@@ -5345,7 +5672,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
       this.procAttr(childNodes, _EventManager2.selectedAttrName, (it, attribute) => {
         const script = attribute;
         if (script) {
-          const data = ScriptUtils.evaluateReturn(script, obj);
+          const data = ObjectUtils.Script.evaluateReturn(script, obj);
           if (it.selected !== data) {
             it.selected = data;
           }
@@ -5354,7 +5681,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
       this.procAttr(childNodes, _EventManager2.readonlyAttrName, (it, attribute) => {
         const script = attribute;
         if (script) {
-          const data = ScriptUtils.evaluateReturn(script, obj);
+          const data = ObjectUtils.Script.evaluateReturn(script, obj);
           if (it.readOnly !== data) {
             it.readOnly = data;
           }
@@ -5363,7 +5690,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
       this.procAttr(childNodes, _EventManager2.disabledAttrName, (it, attribute) => {
         const script = attribute;
         if (script) {
-          const data = ScriptUtils.evaluateReturn(script, obj);
+          const data = ObjectUtils.Script.evaluateReturn(script, obj);
           if (it.disabled !== data) {
             it.disabled = data;
           }
@@ -5372,7 +5699,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
       this.procAttr(childNodes, _EventManager2.hiddenAttrName, (it, attribute) => {
         const script = attribute;
         if (script) {
-          const data = ScriptUtils.evaluateReturn(script, obj);
+          const data = ObjectUtils.Script.evaluateReturn(script, obj);
           if (it.hidden !== data) {
             it.hidden = data;
           }
@@ -5381,7 +5708,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
       this.procAttr(childNodes, _EventManager2.requiredAttrName, (it, attribute) => {
         const script = attribute;
         if (script) {
-          const data = ScriptUtils.evaluateReturn(script, obj);
+          const data = ObjectUtils.Script.evaluateReturn(script, obj);
           if (it.required !== data) {
             it.required = data;
           }
@@ -5390,7 +5717,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
       this.procAttr(childNodes, _EventManager2.openAttrName, (it, attribute) => {
         const script = attribute;
         if (script) {
-          const data = ScriptUtils.evaluateReturn(script, obj);
+          const data = ObjectUtils.Script.evaluateReturn(script, obj);
           if (it.open !== data) {
             it.open = data;
           }
@@ -5399,13 +5726,29 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
       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);
@@ -5424,19 +5767,19 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
             const mapScript = it.getAttribute(`${linkInfo.name}:map`);
             let bindObj = obj;
             if (ownerVariablePathName) {
-              bindObj = ScriptUtils.evaluateReturn(ownerVariablePathName, obj);
+              bindObj = ObjectUtils.Script.evaluateReturn(ownerVariablePathName, obj);
             }
             const getValue = this.getValue(obj, varName, bindObj);
             if (typeof getValue === "function" && getValue) {
               let setValue = it[linkInfo.property];
               if (mapScript) {
-                setValue = ScriptUtils.evaluate(`${this.getBindScript(config)} return ${mapScript}`, Object.assign(bindObj, { __render: Object.freeze({ element: it, target: bindObj, range: Range.range, value: setValue, scripts: _EventManager2.setBindProperty(config?.scripts, obj), ...config?.eventVariables }) }));
+                setValue = ObjectUtils.Script.evaluate(`${this.getBindScript(config)} return ${mapScript}`, Object.assign(bindObj, { __render: Object.freeze({ element: it, target: bindObj, range: Range.range, value: setValue, scripts: _EventManager2.setBindProperty(config?.scripts, obj), ...config?.eventVariables }) }));
               }
               getValue(setValue);
             } else if (getValue) {
               let setValue = getValue;
               if (mapScript) {
-                setValue = ScriptUtils.evaluate(`${this.getBindScript(config)} return ${mapScript}`, Object.assign(bindObj, { __render: Object.freeze({ element: it, target: bindObj, range: Range.range, value: setValue, scripts: _EventManager2.setBindProperty(config?.scripts, obj), ...config?.eventVariables }) }));
+                setValue = ObjectUtils.Script.evaluate(`${this.getBindScript(config)} return ${mapScript}`, Object.assign(bindObj, { __render: Object.freeze({ element: it, target: bindObj, range: Range.range, value: setValue, scripts: _EventManager2.setBindProperty(config?.scripts, obj), ...config?.eventVariables }) }));
               }
               if (setValue === null) {
                 it.removeAttribute(linkInfo.property);
@@ -5459,10 +5802,10 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
             const filterScript = element.getAttribute(`${attr}:filter`);
             let filter2 = true;
             if (filterScript) {
-              filter2 = ScriptUtils.evaluate(`${this.getBindScript(config)} return ${filterScript}`, context) ?? false;
+              filter2 = ObjectUtils.Script.evaluate(`${this.getBindScript(config)} return ${filterScript}`, context) ?? false;
             }
             if (filter2) {
-              ScriptUtils.evaluate(`${this.getBindScript(config)} ${script}`, context);
+              ObjectUtils.Script.evaluate(`${this.getBindScript(config)} ${script}`, context);
             }
           };
           element.addEventListener(eventName, handler);
@@ -5474,7 +5817,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
           script = "return " + script;
         }
         if (script) {
-          ScriptUtils.evaluate(`${this.getBindScript(config)}; ${script} `, Object.assign(obj, {
+          ObjectUtils.Script.evaluate(`${this.getBindScript(config)}; ${script} `, Object.assign(obj, {
             __render: Object.freeze({
               element: it,
               attribute: ElementUtils.getAttributeToObject(it),
@@ -5500,7 +5843,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
           script = "return " + script;
         }
         if (script) {
-          ScriptUtils.evaluate(`${this.getBindScript(config)}; ${script} `, Object.assign(obj, {
+          ObjectUtils.Script.evaluate(`${this.getBindScript(config)}; ${script} `, Object.assign(obj, {
             __render: Object.freeze({
               element: it,
               attribute: ElementUtils.getAttributeToObject(it),
@@ -5517,21 +5860,29 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
           script = "return " + script;
         }
         if (_EventManager2.isUsingThisVar(script, varName) || varName === void 0) {
-          const data = ScriptUtils.evaluate(`const $element = this.__render.element;  ${script} `, Object.assign(obj, {
+          const data = ObjectUtils.Script.evaluate(`const $element = this.__render.element;  ${script} `, Object.assign(obj, {
             __render: Object.freeze({
               element: it,
               attribute: ElementUtils.getAttributeToObject(it)
             })
           }));
           if (typeof data === "string") {
-            it.setAttribute("style", data);
+            data.split(";").forEach((sit) => {
+              const [key, value] = sit.split(":").map((s) => s.trim());
+              if (key && value) {
+                it.style[key] = value;
+              }
+            });
           } else if (Array.isArray(data)) {
-            it.setAttribute("style", data.join(";"));
+            data.forEach((sit) => {
+              const [key, value] = sit.split(":").map((s) => s.trim());
+              if (key && value) {
+                it.style[key] = value;
+              }
+            });
           } else {
             for (const [key, value] of Object.entries(data)) {
-              if (it instanceof HTMLElement) {
-                it.style[key] = String(value);
-              }
+              it.style[key] = value === null ? null : String(value);
             }
           }
         }
@@ -5542,29 +5893,77 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
           script = "return " + script;
         }
         if (_EventManager2.isUsingThisVar(script, varName) || varName === void 0) {
-          const data = ScriptUtils.evaluate(`const $element = this.element;  ${script} `, Object.assign(obj, {
+          const data = ObjectUtils.Script.evaluate(`const $element = this.element;  ${script} `, Object.assign(obj, {
             __render: Object.freeze({
               element: it,
               attribute: ElementUtils.getAttributeToObject(it)
             })
           }));
           if (typeof data === "string") {
-            it.setAttribute("class", data);
+            data.split(" ").forEach((cit) => it.classList.add(cit.trim()));
           } else if (Array.isArray(data)) {
-            it.setAttribute("class", data.join(" "));
+            data.forEach((cit) => it.classList.add(cit.trim()));
           } else {
             for (const [key, value] of Object.entries(data)) {
               if (it instanceof HTMLElement) {
                 if (value) {
-                  it.classList.add(key);
+                  it.classList.add(key.trim());
                 } else {
-                  it.classList.remove(key);
+                  it.classList.remove(key.trim());
                 }
               }
             }
           }
         }
       });
+      this.procAttr(elements, _EventManager2.valueAttrName, (it, attribute) => {
+        if (_EventManager2.isUsingThisVar(attribute, varName) || varName === void 0) {
+          const data = ObjectUtils.Script.evaluateReturn(attribute, obj);
+          if (it.value !== data) it.value = data;
+        }
+      });
+      this.procAttr(elements, _EventManager2.checkedAttrName, (it, attribute) => {
+        if (_EventManager2.isUsingThisVar(attribute, varName) || varName === void 0) {
+          const data = ObjectUtils.Script.evaluateReturn(attribute, obj);
+          if (it.checked !== data) it.checked = data;
+        }
+      });
+      this.procAttr(elements, _EventManager2.selectedAttrName, (it, attribute) => {
+        if (_EventManager2.isUsingThisVar(attribute, varName) || varName === void 0) {
+          const data = ObjectUtils.Script.evaluateReturn(attribute, obj);
+          if (it.selected !== data) it.selected = data;
+        }
+      });
+      this.procAttr(elements, _EventManager2.readonlyAttrName, (it, attribute) => {
+        if (_EventManager2.isUsingThisVar(attribute, varName) || varName === void 0) {
+          const data = ObjectUtils.Script.evaluateReturn(attribute, obj);
+          if (it.readOnly !== data) it.readOnly = data;
+        }
+      });
+      this.procAttr(elements, _EventManager2.disabledAttrName, (it, attribute) => {
+        if (_EventManager2.isUsingThisVar(attribute, varName) || varName === void 0) {
+          const data = ObjectUtils.Script.evaluateReturn(attribute, obj);
+          if (it.disabled !== data) it.disabled = data;
+        }
+      });
+      this.procAttr(elements, _EventManager2.hiddenAttrName, (it, attribute) => {
+        if (_EventManager2.isUsingThisVar(attribute, varName) || varName === void 0) {
+          const data = ObjectUtils.Script.evaluateReturn(attribute, obj);
+          if (it.hidden !== data) it.hidden = data;
+        }
+      });
+      this.procAttr(elements, _EventManager2.requiredAttrName, (it, attribute) => {
+        if (_EventManager2.isUsingThisVar(attribute, varName) || varName === void 0) {
+          const data = ObjectUtils.Script.evaluateReturn(attribute, obj);
+          if (it.required !== data) it.required = data;
+        }
+      });
+      this.procAttr(elements, _EventManager2.openAttrName, (it, attribute) => {
+        if (_EventManager2.isUsingThisVar(attribute, varName) || varName === void 0) {
+          const data = ObjectUtils.Script.evaluateReturn(attribute, obj);
+          if (it.open !== data) it.open = data;
+        }
+      });
     }
     procAttr(elements = /* @__PURE__ */ new Set(), attrName, callBack) {
       const sets = /* @__PURE__ */ new Set();
@@ -5589,7 +5988,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
       });
     }
     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);
       }
@@ -5689,6 +6088,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
   _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,
@@ -5779,7 +6179,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
       const itRandom = RawSet.drItOtherEncoding(this.elementSource.element);
       const vars = RawSet.drVarEncoding(this.elementSource.element, this.elementSource.attrs.drVarOption ?? "");
       const newTemp = this.source.config.window.document.createElement("temp");
-      ScriptUtils.evaluate(`
+      ObjectUtils.Script.evaluate(`
                     ${this.render.bindScript}
                     const n = $element.cloneNode(true);
                     var destIt = ${this.elementSource.attrs.drItOption};
@@ -5822,7 +6222,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
       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)})) {
@@ -5937,7 +6337,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
   var DrThis = class extends OperatorExecuterAttrRequire {
     async executeAttrRequire(attr) {
       const optionIf = this.elementSource.attrs.drDetectIfOption ?? this.elementSource.attrs.drIfOption;
-      const ok = ScriptUtils.evaluate(`
+      const ok = ObjectUtils.Script.evaluate(`
                 ${this.render.bindScript}
                 try {
                   const ok  = ${this.elementSource.attrs.drThis};
@@ -6273,9 +6673,9 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
     }
     async executeAttrRequire(attr) {
       RawSet.drFormOtherMoveAttr(this.elementSource.element, "name", "temp-name", this.source.config);
-      const data = ScriptUtils.evaluateReturn(`${attr}`, this.source.obj);
+      const data = ObjectUtils.Script.evaluateReturn(`${attr}`, this.source.obj);
       const childs = Array.from(this.elementSource.element.querySelectorAll("[name]"));
-      const fromName = ScriptUtils.evaluateReturn(this.elementSource.element.getAttribute(`${RawSet.DR_FORM_NAME}:name`) ?? "", this.source.obj);
+      const fromName = ObjectUtils.Script.evaluateReturn(this.elementSource.element.getAttribute(`${RawSet.DR_FORM_NAME}:name`) ?? "", this.source.obj);
       const thisName = fromName ?? this.elementSource.element.getAttribute("name");
       if (childs.length <= 0 && thisName) {
         childs.push(this.elementSource.element);
@@ -6288,10 +6688,10 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
         const eventName = it.getAttribute(`${RawSet.DR_FORM_NAME}:event`) ?? "change";
         const validatorName = it.getAttribute(`${RawSet.DR_FORM_NAME}:validator`);
         const attrEventName = EventManager.attrPrefix + "event-" + eventName;
-        let varpath = ScriptUtils.evaluateReturn(this.elementSource.element.getAttribute(`${RawSet.DR_FORM_NAME}:name`) ?? "", this.source.obj) ?? it.getAttribute("name");
+        let varpath = ObjectUtils.Script.evaluateReturn(this.elementSource.element.getAttribute(`${RawSet.DR_FORM_NAME}:name`) ?? "", this.source.obj) ?? it.getAttribute("name");
         if (varpath != null) {
           if (validatorName) {
-            ScriptUtils.evaluate(
+            ObjectUtils.Script.evaluate(
               `
                                 ${this.render.bindScript}
                                 const validator = typeof ${validatorName} ==='function' ?  new  ${validatorName}() : ${validatorName};
@@ -6309,7 +6709,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
             );
           }
           varpath = `${attr}['${varpath}']`;
-          const data2 = ScriptUtils.evaluateReturn(`${varpath}`, this.source.obj);
+          const data2 = ObjectUtils.Script.evaluateReturn(`${varpath}`, this.source.obj);
           if (data2 instanceof ValidatorArray) {
             it.setAttribute(attrEventName, `${varpath}.setArrayValue($target, $target.value, $event); ${it.getAttribute(attrEventName) ?? ""};`);
             data2.addValidator(it.value, it);
@@ -6335,7 +6735,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
     }
     async executeAttrRequire(attr) {
       const newTemp = this.source.config.window.document.createElement("temp");
-      ScriptUtils.evaluate(` 
+      ObjectUtils.Script.evaluate(` 
                         ${this.render.bindScript}
                         const n = $element.cloneNode(true);  
                         ${this.elementSource.attrs.drBeforeOption ?? ""}
@@ -6370,7 +6770,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
     }
     async executeAttrRequire(attr) {
       const newTemp = this.source.config.window.document.createElement("temp");
-      ScriptUtils.evaluate(`
+      ObjectUtils.Script.evaluate(`
                         ${this.render.bindScript}
                         const n = $element.cloneNode(true);
                         ${this.elementSource.attrs.drBeforeOption ?? ""}
@@ -6409,7 +6809,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
       const itRandom = RawSet.drItOtherEncoding(this.elementSource.element);
       const vars = RawSet.drVarEncoding(this.elementSource.element, this.elementSource.attrs.drVarOption ?? "");
       const newTemp = this.source.config.window.document.createElement("temp");
-      ScriptUtils.evaluate(`
+      ObjectUtils.Script.evaluate(`
                     ${this.render.bindScript}
                     ${this.elementSource.attrs.drBeforeOption ?? ""}
                     for(${attr}) {
@@ -6455,13 +6855,21 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
       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++;
@@ -6478,11 +6886,41 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
                                 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);
@@ -6505,12 +6943,16 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
                             }
 
                             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 {
@@ -6561,7 +7003,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
       const itRandom = RawSet.drItOtherEncoding(this.elementSource.element);
       const vars = RawSet.drVarEncoding(this.elementSource.element, this.elementSource.attrs.drVarOption ?? "");
       const newTemp = this.source.config.window.document.createElement("temp");
-      ScriptUtils.evaluate(`
+      ObjectUtils.Script.evaluate(`
                     try{
                     ${this.render.bindScript}
                     ${this.elementSource.attrs.drBeforeOption ?? ""}
@@ -6619,7 +7061,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
       const itRandom = RawSet.drItOtherEncoding(this.elementSource.element);
       const vars = RawSet.drVarEncoding(this.elementSource.element, this.elementSource.attrs.drVarOption ?? "");
       const newTemp = this.source.config.window.document.createElement("temp");
-      ScriptUtils.evaluate(`
+      ObjectUtils.Script.evaluate(`
                     ${this.render.bindScript}
                     ${this.elementSource.attrs.drBeforeOption ?? ""}
                     var i = 0; 
@@ -6674,9 +7116,18 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
       super(rawSet, render, returnContainer, elementSource, source, afterCallBack, false);
     }
     async execute() {
-      const targetElement = this.source.config?.targetElements?.find(
-        (it) => it.name.toLowerCase() === this.elementSource.element.tagName.toLowerCase()
-      );
+      let targetElement = void 0;
+      let isTargetElementElement = this.elementSource.element.tagName.toLowerCase() === RawSet.DR_TARGET_ELEMENT_ELEMENTNAME.toLowerCase();
+      if (isTargetElementElement) {
+        const targetElementTagName = this.elementSource.element.getAttribute(`${RawSet.DR_TARGET_ELEMENT_ELEMENTNAME}:is`)?.toLowerCase();
+        targetElement = this.source.config?.targetElements?.find(
+          (it) => it.name.toLowerCase() === targetElementTagName
+        );
+      } else {
+        targetElement = this.source.config?.targetElements?.find(
+          (it) => it.name.toLowerCase() === this.elementSource.element.tagName.toLowerCase()
+        );
+      }
       if (targetElement) {
         if (this.rawSet.point.start instanceof this.source.config.window.HTMLMetaElement && this.rawSet.point.end instanceof this.source.config.window.HTMLMetaElement) {
           this.rawSet.point.start.setAttribute("this-path", `this.__domrender_components.${this.rawSet.uuid}`);
@@ -6696,7 +7147,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
             this.rawSet.detect = {
               action: () => {
                 const script = `var $component = this.__render.component; var $element = this.__render.element; var $innerHTML = this.__render.innerHTML; var $attribute = this.__render.attribute;  ${detectAction} `;
-                ScriptUtils.evaluate(
+                ObjectUtils.Script.evaluate(
                   script,
                   Object.assign(this.source.obj, {
                     __render: this.rawSet.dataSet.render
@@ -6777,7 +7228,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
     }
     async executeAttrRequire(attr) {
       const newTemp = this.source.config.window.document.createElement("temp");
-      ScriptUtils.evaluate(`
+      ObjectUtils.Script.evaluate(`
                 ${this.render.bindScript}
                 ${this.elementSource.attrs.drBeforeOption ?? ""}
                 const n = $element.cloneNode(true);
@@ -6839,7 +7290,7 @@ var dooboostoreSimpleBootHttpServerSsr = (() => {
       const newTemp = this.source.config.window.document.createElement("temp");
       const dictioanry = ScriptUtils.evaluateReturn(attr, this.source.obj);
       const dictionaryKey = this.elementSource.attrs.drKeyOption ?? "";
-      ScriptUtils.evaluate(`
+      ObjectUtils.Script.evaluate(`
                     ${this.render.bindScript}
                     ${this.elementSource.attrs.drBeforeOption ?? ""}
                     var i = 0; 
@@ -7347,7 +7798,7 @@ ${indentStr}}`;
             this.rawSet.detect = {
               action: () => {
                 const script = `var $component = this.__render.component; var $element = this.__render.element; var $innerHTML = this.__render.innerHTML; var $attribute = this.__render.attribute;  ${detectAction} `;
-                ScriptUtils.evaluate(script, Object.assign(this.source.obj, {
+                ObjectUtils.Script.evaluate(script, Object.assign(this.source.obj, {
                   __render: this.rawSet.dataSet.render
                 }));
               }
@@ -7405,7 +7856,7 @@ ${indentStr}}`;
     NodeUtils2.replaceNode = (targetNode, newNode) => {
       return targetNode.parentNode?.replaceChild(newNode, targetNode);
     };
-    NodeUtils2.addNode = (targetNode, newNode) => {
+    NodeUtils2.insertAfter = (targetNode, newNode) => {
       return targetNode.parentNode?.insertBefore(newNode, targetNode.nextSibling);
     };
     NodeUtils2.cloneNode = (element, deep) => {
@@ -7503,7 +7954,8 @@ ${indentStr}}`;
           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(";");
@@ -7518,10 +7970,49 @@ ${indentStr}}`;
       });
       return usingTriggerVariables;
     }
-    // 중요 render 처리 부분
-    // public async render(obj: any, config: DomRenderConfig): Promise<RawSet[]> {
-    // }
     async render(obj, config) {
+      if (this.dataSet.fragment.childNodes.length === 1 && this.dataSet.fragment.childNodes[0].nodeType === Node.TEXT_NODE) {
+        const textContent = this.dataSet.fragment.childNodes[0].textContent;
+        if (textContent) {
+          const runText = _RawSet2.expressionGroups(textContent)[0][1];
+          const __render = {
+            rawSet: this,
+            scripts: EventManager.setBindProperty(config?.scripts, obj),
+            router: config?.router,
+            range: Range.range,
+            element: this.dataSet.fragment.childNodes[0],
+            attribute: {},
+            rootObject: obj,
+            scriptUtils: ObjectUtils.Script,
+            nearThis: this.findNearThis(obj),
+            parentThis: this.findParentThis(obj),
+            bindScript: ` /** render **/
+                      const ${EventManager.SCRIPTS_VARNAME} = this.__render.scripts;
+                      const ${EventManager.RAWSET_VARNAME} = this.__render.rawSet;
+                      const ${EventManager.ELEMENT_VARNAME} = this.__render.element;
+                      const ${EventManager.ATTRIBUTE_VARNAME} = this.__render.attribute;
+                      const ${EventManager.RANGE_VARNAME} = this.__render.range;
+                      const ${EventManager.ROUTER_VARNAME} = this.__render.router;
+                      const ${EventManager.NEAR_THIS_VARNAME} = this.__render.nearThis;
+                      const ${EventManager.PARENT_THIS_VARNAME} = this.__render.parentThis;
+                      const ${EventManager.SCRIPT_UTILS_VARNAME} = this.__render.scriptUtils;
+                      const ${EventManager.ROOT_OBJECT_VARNAME} = this.__render.rootObject;
+              `
+          };
+          try {
+            const newValue = ObjectUtils.Script.evaluateReturn({
+              bodyScript: __render.bindScript,
+              returnScript: runText
+            }, Object.assign(obj, { __render }));
+            const newValueStr = String(newValue);
+            if (this.lastRenderedValue === newValueStr) {
+              return { raws: [], executedOperators: [] };
+            }
+            this.lastRenderedValue = newValueStr;
+          } catch (e) {
+          }
+        }
+      }
       const genNode = config.window.document.importNode(this.dataSet.fragment, true);
       const raws = [];
       const onAttrInitCallBacks = [];
@@ -7564,12 +8055,15 @@ ${indentStr}}`;
           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);
@@ -7664,12 +8158,12 @@ ${indentStr}}`;
       });
       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);
       }
@@ -7687,6 +8181,7 @@ ${indentStr}}`;
           }
         });
       }
+      console.groupEnd();
       return { raws, executedOperators };
     }
     // 중요 스타일 적용 부분
@@ -7771,7 +8266,10 @@ ${indentStr}}`;
     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);
       }
@@ -7802,7 +8300,7 @@ ${indentStr}}`;
             }
             if (element2.hasAttribute(EventManager.attrAttrName)) {
               const script = element2.getAttribute(EventManager.attrAttrName) ?? "";
-              const keyValuePairs = Array.from(script.matchAll(/(\w+):\s*([^,}]+)/g)).map((match) => ({
+              const keyValuePairs = Array.from(script.matchAll(/['"]?([\w-_]+)['"]?:\s*([^,}]+)/g)).map((match) => ({
                 key: match[1],
                 value: match[2]
               }));
@@ -7812,27 +8310,35 @@ ${indentStr}}`;
             }
             const targetElementIs = element2.getAttribute(_RawSet2.DR_REPLACE_TARGET_ELEMENT_IS_NAME);
             const targetElementNames = config.targetElements?.map((it) => it.name.toLowerCase()) ?? [];
+            targetElementNames.push(..._RawSet2.DR_ELEMENTS);
             const isElement = targetElementNames.includes(element2.tagName.toLowerCase()) || targetElementNames.includes(targetElementIs?.toLowerCase());
             const targetAttrNames = (config.targetAttrs?.map((it) => it.name) ?? []).concat([..._RawSet2.DR_ATTRIBUTES]);
             const normalAttrs = /* @__PURE__ */ new Map();
             const linkVariables = /* @__PURE__ */ new Map();
             const linkNames = EventManager.linkAttrs.map((it) => it.name);
-            const isAttr = element2.getAttributeNames().filter((it) => {
-              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;
@@ -7903,7 +8409,8 @@ ${indentStr}}`;
             lasterIndex = regexArr.index + it.content.length;
           }
           template.content.append(config.window.document.createTextNode(text.substring(lasterIndex, text.length)));
-          currentNode2?.parentNode?.replaceChild(template.content, currentNode2);
+          const p = currentNode2?.parentNode;
+          p?.replaceChild(template.content, currentNode2);
         } else if (currentNode2.nodeType === Node2.ELEMENT_NODE) {
           const uuid = `${RandomUtils.alphabet(40)}`;
           const element2 = currentNode2;
@@ -7912,6 +8419,7 @@ ${indentStr}}`;
           const startEndPoint = _RawSet2.createStartEndPoint({ node: element2, id: uuid, type: elementType }, config);
           const targetElementIs = element2.getAttribute(_RawSet2.DR_REPLACE_TARGET_ELEMENT_IS_NAME);
           const targetElementNames = config.targetElements?.map((it) => it.name.toLowerCase()) ?? [];
+          targetElementNames.push(..._RawSet2.DR_ELEMENTS);
           const isElement = targetElementNames.includes(element2.tagName.toLowerCase()) || targetElementNames.includes(targetElementIs?.toLowerCase());
           const targetAttrNames = (config.targetAttrs?.map((it) => it.name) ?? []).concat(_RawSet2.DR_ATTRIBUTES);
           const isAttr = element2.getAttributeNames().filter((it) => targetAttrNames.includes(it.toLowerCase())).length > 0;
@@ -8246,15 +8754,39 @@ ${indentStr}}`;
       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);
       }
@@ -8327,7 +8859,6 @@ ${indentStr}}`;
           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; 
@@ -8382,15 +8913,40 @@ ${indentStr}}`;
           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(
@@ -8404,8 +8960,9 @@ ${indentStr}}`;
           );
           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;
@@ -8442,8 +8999,19 @@ ${indentStr}}`;
       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;
@@ -8467,6 +9035,7 @@ ${indentStr}}`;
   _RawSet.DR_DETECT_NAME = "dr-detect";
   _RawSet.DR_STRIP_NAME = "dr-strip";
   _RawSet.DR_REPLACE_TARGET_ELEMENT_IS_NAME = "dr-replace-target-element-is";
+  _RawSet.DR_TARGET_ELEMENT_ELEMENTNAME = "dr-target-element";
   _RawSet.DR_DETECT_IF_OPTIONNAME = "dr-detect-option-if";
   _RawSet.DR_DETECT_FILTER_OPTIONNAME = "dr-detect-option-filter";
   _RawSet.DR_DETECT_ATTR_OPTIONNAME = "dr-detect-option-attr";
@@ -8482,8 +9051,12 @@ ${indentStr}}`;
   _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";
@@ -8519,6 +9092,9 @@ ${indentStr}}`;
     drKeyOption: _RawSet.DR_KEY_OPTIONNAME
   };
   _RawSet.DR_TAGS = [];
+  _RawSet.DR_ELEMENTS = [
+    _RawSet.DR_TARGET_ELEMENT_ELEMENTNAME
+  ];
   _RawSet.DR_ATTRIBUTES = [
     _RawSet.DR_NAME,
     _RawSet.DR_APPENDER_NAME,
@@ -8532,7 +9108,7 @@ ${indentStr}}`;
     _RawSet.DR_INNERHTML_NAME,
     _RawSet.DR_INNERTEXT_NAME,
     _RawSet.DR_REPEAT_NAME,
-    _RawSet.DR_DETECT_NAME,
+    // RawSet.DR_DETECT_NAME, // TODO: DrDetect 오퍼레이터 구현 필요
     _RawSet.DR_STRIP_NAME
   ];
   var RawSet = _RawSet;
@@ -8540,10 +9116,7 @@ ${indentStr}}`;
   // ../dom-render/dist/esm/decorators/DomRenderNoProxy.js
   var DomRenderNoProxyKey = "DomRender:NoProxy";
   var getDomRenderNoProxy = (target, propertyKey) => {
-    if (propertyKey === void 0) {
-      return Reflect.getMetadata(DomRenderNoProxyKey, target);
-    }
-    return Reflect.getMetadata(DomRenderNoProxyKey, target, propertyKey);
+    return ReflectUtils.getMetadata(DomRenderNoProxyKey, target, propertyKey);
   };
   var isDomRenderNoProxy = (target, propertyKey) => {
     return ValidUtils.isNullOrUndefined(target) || getDomRenderNoProxy(target, propertyKey) === true;
@@ -8588,8 +9161,26 @@ ${indentStr}}`;
     return typeof obj?.onRawSetRendered === "function";
   };
 
+  // ../dom-render/dist/esm/lifecycle/OnChildRawSetRendered.js
+  var isOnChildRawSetRendered = (obj) => {
+    return typeof obj?.onChildRawSetRendered === "function";
+  };
+
   // ../dom-render/dist/esm/DomRenderProxy.js
-  var excludeGetSetPropertys = ["onBeforeReturnGet", "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;
   };
@@ -8606,6 +9197,7 @@ ${indentStr}}`;
     return void 0;
   };
   var DomRenderProxy = class _DomRenderProxy {
+    // public name = Math.random();
     constructor(_domRender_origin, target, _domRender_config) {
       this._domRender_origin = _domRender_origin;
       this._domRender_config = _domRender_config;
@@ -8625,7 +9217,7 @@ ${indentStr}}`;
     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);
@@ -8650,18 +9242,18 @@ ${indentStr}}`;
           }
         });
       }
-      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];
         }
@@ -8674,7 +9266,11 @@ ${indentStr}}`;
       }
       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) {
@@ -8685,16 +9281,20 @@ ${indentStr}}`;
           });
         }
       });
-      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();
@@ -8715,43 +9315,65 @@ ${indentStr}}`;
       }
       const removeRawSets = [];
       const rawSets = raws ?? this.getRawSets();
-      for (const it of rawSets) {
-        it.getUsingTriggerVariables(this._domRender_config).forEach((path2) => {
-          this.addRawSet(path2, it);
-        });
-        let renderResult;
-        if (it.isConnected) {
-          const targetAttrMap = it.point.node?.getAttribute?.(EventManager.normalAttrMapAttrName);
-          if (it.detect?.action) {
-            it.detect.action();
-          } else if (it.type === RawSetType.TARGET_ELEMENT && it.dataSet?.render?.currentThis && fullPathStr && targetAttrMap) {
-            new Map(JSON.parse(targetAttrMap)).forEach((v, k) => {
-              var _a7;
-              const isUsing = 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);
       }
@@ -8766,14 +9388,21 @@ ${indentStr}}`;
     //   return current;
     // }
     root(pathInfos, value, lastDoneExecute = true) {
+      const rootStartTime = Date.now();
+      const pathKey = pathInfos.flat().map((i) => i.path).join(".");
       const fullPaths = [];
       if (this._domRender_ref.size > 0) {
         this._domRender_ref.forEach((it, key) => {
           if ("_DomRender_isProxy" in key) {
             it.forEach((sit) => {
               try {
+                const recursiveStartTime = Date.now();
                 const concat = pathInfos.concat([[{ path: sit, obj: key }]]);
-                const items = key._DomRender_proxy?.root(concat, value, lastDoneExecute);
+                const items = key._DomRender_proxy?.root(
+                  concat,
+                  value,
+                  lastDoneExecute
+                );
                 fullPaths.push(items.flat());
               } catch (e) {
               }
@@ -8781,6 +9410,7 @@ ${indentStr}}`;
           }
         });
       } else {
+        const pathProcessStartTime = Date.now();
         const strings = pathInfos.reverse().map((it) => it.map((it2) => it2.path).join(","));
         const fullPathStr = strings.map((it) => isNaN(Number(it)) ? "." + it : `[${it}]`).join("").slice(1);
         if (lastDoneExecute) {
@@ -8788,10 +9418,13 @@ ${indentStr}}`;
           const front = strings.slice(0, strings.length - 1).map((it) => isNaN(Number(it)) ? "." + it : `[${it}]`).join("");
           const lastPropertyName = strings[strings.length - 1];
           const path2 = "this" + front;
-          const data = ScriptUtils.evaluateReturn(ObjectUtils.Path.toOptionalChainPath(path2), this._domRender_proxy);
+          const data = ObjectUtils.Script.evaluateReturn(ObjectUtils.Path.toOptionalChainPath(path2), this._domRender_proxy);
+          const promiseStartTime = Date.now();
           new Promise(async (resolve) => {
+            const promiseInnerStartTime = Date.now();
             let rData = [];
             const firstPathStr = front.slice(1);
+            const dictionaryCheckStartTime = Date.now();
             const firstTargets = this._rawSets.get(firstPathStr);
             const firstTargetDictionary = [];
             firstTargets?.forEach((it) => {
@@ -8809,10 +9442,19 @@ ${indentStr}}`;
                 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);
                   }
@@ -8824,6 +9466,7 @@ ${indentStr}}`;
                 rData = await this.render(rawSets);
               }
             }
+            const renderStartTime = Date.now();
             if (lastPropertyName === "length" && Array.isArray(data)) {
               const aIterable = this._rawSets.get(firstPathStr);
               if (aIterable) {
@@ -8832,14 +9475,27 @@ ${indentStr}}`;
             } else if (iterable) {
               rData = await this.render(Array.from(iterable), fullPathStr);
             }
+            const eventProcessStartTime = Date.now();
+            const Node2 = this._domRender_config.window.Node;
             this._targets.forEach((it) => {
-              if (it.nodeType === 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);
@@ -8855,6 +9511,7 @@ ${indentStr}}`;
         target[p] = value;
         return true;
       }
+      let start = performance.now();
       if (typeof p === "string") {
         value = this.proxy(receiver, value, p);
       }
@@ -8867,49 +9524,73 @@ ${indentStr}}`;
         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;
@@ -8929,7 +9610,11 @@ ${indentStr}}`;
           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;
       }
@@ -9057,46 +9742,47 @@ ${indentStr}}`;
   }
 
   // ../core/dist/esm/message/operators/first.js
-  var EmptyError = class extends Error {
-    constructor() {
-      super("no elements in sequence");
-      this.name = "EmptyError";
-    }
-  };
-  function first(predicate) {
+  function first(predicate, defaultValue) {
     return (source) => {
       return new Observable((subscriber) => {
         let index = 0;
-        let found = false;
-        const sourceSubscription = source.subscribe({
+        let hasValue = false;
+        const subscription = source.subscribe({
           next: (value) => {
-            if (found) return;
-            const passed = predicate ? predicate(value, index++) : true;
-            if (passed) {
-              found = true;
+            if (hasValue) {
+              return;
+            }
+            const shouldEmit = predicate ? predicate(value, index++) : true;
+            if (shouldEmit) {
+              hasValue = true;
               subscriber.next(value);
               subscriber.complete();
-              sourceSubscription.unsubscribe();
+              subscription.unsubscribe();
             }
           },
           error: (err) => {
-            subscriber.error(err);
+            if (!hasValue) {
+              subscriber.error(err);
+            }
           },
           complete: () => {
-            if (!found) {
-              subscriber.error(new EmptyError());
+            if (!hasValue) {
+              if (defaultValue !== void 0) {
+                subscriber.next(defaultValue);
+                subscriber.complete();
+              } else {
+                subscriber.error(new Error("no elements in sequence"));
+              }
             }
           }
         });
-        return () => {
-          sourceSubscription.unsubscribe();
-        };
+        return subscription;
       });
     };
   }
 
   // ../core/dist/esm/message/internal/lastValueFrom.js
-  var EmptyError2 = class extends Error {
+  var EmptyError = class extends Error {
     constructor(message = "No elements in sequence") {
       super(message);
       this.name = "EmptyError";
@@ -9116,7 +9802,7 @@ ${indentStr}}`;
         error: reject,
         complete: () => {
           if (!_hasValue) {
-            reject(new EmptyError2());
+            reject(new EmptyError());
           }
         }
       });
@@ -9221,7 +9907,7 @@ ${indentStr}}`;
             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()
@@ -9499,10 +10185,10 @@ ${indentStr}}`;
       this.alertService = alertService;
       this.config = config;
       this.isActive = false;
-      this.activeBefore = [];
-      this.activeAfter = [];
-      this.deActiveBefore = [];
-      this.deActiveAfter = [];
+      this.activateBefore = [];
+      this.activateAfter = [];
+      this.deActivateBefore = [];
+      this.deActivateAfter = [];
       this.data = /* @__PURE__ */ new Map();
       if (config?.uuid) {
         this.uuid = config.uuid;
@@ -9511,16 +10197,16 @@ ${indentStr}}`;
       }
     }
     addOpenBefore(fn) {
-      this.activeBefore.push(fn);
+      this.activateBefore.push(fn);
     }
     addOpenAfter(fn) {
-      this.activeAfter.push(fn);
+      this.activateAfter.push(fn);
     }
     addCloseBefore(fn) {
-      this.deActiveBefore.push(fn);
+      this.deActivateBefore.push(fn);
     }
     addCloseAfter(fn) {
-      this.deActiveAfter.push(fn);
+      this.deActivateAfter.push(fn);
     }
     setData(key, value) {
       this.data.set(key, value);
@@ -9528,35 +10214,35 @@ ${indentStr}}`;
     getData(key) {
       return this.data.get(key);
     }
-    async active() {
+    async activate() {
       try {
-        await Promise.allSettled(this.activeBefore.map((it) => it())).then((it) => {
+        await Promise.allSettled(this.activateBefore.map((it) => it())).then((it) => {
           this.result = this.make();
           this.alertService?.publish({ action: AlertAction.ACTIVE, alert: this });
           this.isActive = true;
           if (this.config?.closeTime !== void 0 && this.config?.closeTime > 0) {
             setTimeout(() => {
-              this.inActive();
+              this.deActivate();
             }, this.config.closeTime);
           }
-          this.config?.active?.(this.result, this);
+          this.config?.activate?.(this.result, this);
         });
       } catch (e) {
       } finally {
-        await Promise.allSettled(this.activeAfter.map((it) => it())).then((it) => {
+        await Promise.allSettled(this.activateAfter.map((it) => it())).then((it) => {
         });
       }
     }
-    async inActive() {
+    async deActivate() {
       try {
-        await Promise.allSettled(this.deActiveBefore.map((it) => it())).then((it) => {
+        await Promise.allSettled(this.deActivateBefore.map((it) => it())).then((it) => {
           this.alertService?.publish({ action: AlertAction.IN_ACTIVE, alert: this });
           this.isActive = false;
-          this.config?.deActive?.(this.result, this);
+          this.config?.deActivate?.(this.result, this);
         });
       } catch (e) {
       } finally {
-        await Promise.allSettled(this.deActiveAfter.map((it) => it())).then((it) => {
+        await Promise.allSettled(this.deActivateAfter.map((it) => it())).then((it) => {
         });
       }
     }
@@ -10059,7 +10745,7 @@ ${indentStr}}`;
         const alert = this.alertService?.progress({ title: config.config.config.title });
         if (alert) {
           pipe.progress = alert;
-          alert.active();
+          alert.activate();
         }
       }
     }
@@ -10067,7 +10753,7 @@ ${indentStr}}`;
       this.subject.next({ type: "success", config, pipe });
       config.config?.config?.callBackSuccess?.(config, pipe);
       if (config.config?.config?.alertSuccessMsg) {
-        this.alertService?.success({ title: config.config.config.title })?.active();
+        this.alertService?.success({ title: config.config.config.title })?.activate();
       }
     }
     afterSuccessTransform(config, pipe) {
@@ -10075,7 +10761,7 @@ ${indentStr}}`;
     finally(config, pipe) {
       this.subject.next({ type: "final", config, pipe });
       config.config?.config?.callBackFinal?.(config, pipe);
-      pipe.progress?.inActive();
+      pipe.progress?.deActivate();
     }
     error(config, pipe, e) {
       console.log("error", e);
@@ -10084,7 +10770,7 @@ ${indentStr}}`;
       if (config.config?.config?.alertErrorMsg) {
         this.alertService?.danger({
           title: `${config.config.config.title ? config.config.config.title : ""}${e.message ? `(${e.message})` : ""}`
-        })?.active();
+        })?.activate();
       }
       if (config.config?.config?.enableErrorConsole) {
         console.error(`apiService Error ${config?.config?.config?.title}`, e);
@@ -10118,97 +10804,14 @@ ${indentStr}}`;
   var __metadata6 = function(k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
   };
+  var SymbolIntentApiServiceProxy_1;
   var _a6;
-  var SymbolIntentApiServiceProxy = class SymbolIntentApiServiceProxy2 {
+  var SymbolIntentApiServiceProxy = SymbolIntentApiServiceProxy_1 = class SymbolIntentApiServiceProxy2 {
     constructor(apiService) {
       this.apiService = apiService;
-      console.log("-------apiService", apiService);
-    }
-    get(target, prop, receiver) {
-      const simConfig = getSim(target);
-      const apiService = this.apiService;
-      const value = Reflect.get(target, prop, receiver);
-      if (typeof value === "function" && simConfig?.symbol) {
-        return function(...args) {
-          const f = value;
-          const p = (userConfig) => {
-            const headers = { ...userConfig?.headers ?? {}, ...makeIntentHeaderBySymbol(simConfig.symbol) };
-            const method = userConfig?.method ?? "post";
-            if (method === "post" && userConfig?.multipartFormData) {
-              return apiService.post({
-                target: `/${String(prop)}`,
-                config: {
-                  bypassTransform: userConfig?.bypassTransform,
-                  transformText: userConfig?.transformText,
-                  fetch: {
-                    credentials: "include",
-                    headers,
-                    body: ConvertUtils.toFormData(userConfig?.body)
-                  }
-                }
-              });
-            } else if (method === "post") {
-              return apiService.postJson({
-                target: `/${String(prop)}`,
-                config: {
-                  bypassTransform: userConfig?.bypassTransform,
-                  transformText: userConfig?.transformText,
-                  fetch: {
-                    credentials: "include",
-                    headers,
-                    body: userConfig?.body
-                  }
-                }
-              });
-            } else if (method === "petch") {
-              return apiService.patchJson({
-                target: `/${String(prop)}`,
-                config: {
-                  bypassTransform: userConfig?.bypassTransform,
-                  transformText: userConfig?.transformText,
-                  fetch: {
-                    credentials: "include",
-                    headers,
-                    body: userConfig?.body
-                  }
-                }
-              });
-            } else {
-              return apiService[method]({
-                // return apiService.head({
-                target: { url: `/${String(prop)}`, searchParams: userConfig?.body },
-                config: {
-                  bypassTransform: userConfig?.bypassTransform,
-                  transformText: userConfig?.transformText,
-                  fetch: {
-                    credentials: "include",
-                    headers
-                  }
-                }
-              });
-            }
-          };
-          args.push(p);
-          return Reflect.apply(f, target, args);
-        };
-      }
-      return Reflect.get(target, prop, receiver);
-    }
-    apply(target, thisArg, argArray) {
-      console.log("SymbolIntentApiServiceProxy apply");
-      return Reflect.apply(target, thisArg, argArray);
     }
-  };
-  SymbolIntentApiServiceProxy = __decorate9([
-    Sim,
-    __metadata6("design:paramtypes", [typeof (_a6 = typeof ApiService !== "undefined" && ApiService) === "function" ? _a6 : Object])
-  ], SymbolIntentApiServiceProxy);
-
-  // src/proxy/SymbolIntentApiServiceProxyBase.ts
-  var SymbolIntentApiServiceProxyBase = class {
-    // 생성자는 프록시될 대상 객체(target)와 의존성을 주입받습니다.
-    constructor(apiService) {
-      const handler = {
+    static createHandler(apiService) {
+      return {
         get(target, prop, receiver) {
           const simConfig = getSim(target);
           const value = Reflect.get(target, prop, receiver);
@@ -10224,6 +10827,7 @@ ${indentStr}}`;
                     config: {
                       bypassTransform: userConfig?.bypassTransform,
                       transformText: userConfig?.transformText,
+                      config: userConfig?.config,
                       fetch: {
                         credentials: "include",
                         headers,
@@ -10237,6 +10841,7 @@ ${indentStr}}`;
                     config: {
                       bypassTransform: userConfig?.bypassTransform,
                       transformText: userConfig?.transformText,
+                      config: userConfig?.config,
                       fetch: {
                         credentials: "include",
                         headers,
@@ -10250,6 +10855,7 @@ ${indentStr}}`;
                     config: {
                       bypassTransform: userConfig?.bypassTransform,
                       transformText: userConfig?.transformText,
+                      config: userConfig?.config,
                       fetch: {
                         credentials: "include",
                         headers,
@@ -10263,6 +10869,7 @@ ${indentStr}}`;
                     config: {
                       bypassTransform: userConfig?.bypassTransform,
                       transformText: userConfig?.transformText,
+                      config: userConfig?.config,
                       fetch: {
                         credentials: "include",
                         headers
@@ -10278,10 +10885,28 @@ ${indentStr}}`;
           return Reflect.get(target, prop, receiver);
         },
         apply(target, thisArg, argArray) {
-          console.log("SymbolIntentApiServiceProxyBase apply (from handler)");
+          console.log("SymbolIntentApiServiceProxy apply");
           return Reflect.apply(target, thisArg, argArray);
         }
       };
+    }
+    get(target, prop, receiver) {
+      return SymbolIntentApiServiceProxy_1.createHandler(this.apiService).get(target, prop, receiver);
+    }
+    apply(target, thisArg, argArray) {
+      return SymbolIntentApiServiceProxy_1.createHandler(this.apiService).apply(target, thisArg, argArray);
+    }
+  };
+  SymbolIntentApiServiceProxy = SymbolIntentApiServiceProxy_1 = __decorate9([
+    Sim,
+    __metadata6("design:paramtypes", [typeof (_a6 = typeof ApiService !== "undefined" && ApiService) === "function" ? _a6 : Object])
+  ], SymbolIntentApiServiceProxy);
+
+  // src/proxy/SymbolIntentApiServiceProxyBase.ts
+  var SymbolIntentApiServiceProxyBase = class {
+    // 생성자는 프록시될 대상 객체(target)와 의존성을 주입받습니다.
+    constructor(apiService) {
+      const handler = SymbolIntentApiServiceProxy.createHandler(apiService);
       return new Proxy(this, handler);
     }
   };
@@ -10316,6 +10941,7 @@ ${indentStr}}`;
 
   // ../simple-boot-http-server/dist/esm/models/RequestResponse.js
   var import_node_gzip = __toESM(require_dist(), 1);
+  var import_node_buffer = __require("node:buffer");
 
   // ../core-node/dist/esm/file/FileUtils.js
   var node_os = __toESM(__require("node:os"), 1);
@@ -10327,6 +10953,7 @@ ${indentStr}}`;
       constructor(_data) {
         this._data = _data;
         this.updateStats();
+        this.etcData = _data.etcData;
       }
       get originalName() {
         return this._data.originalName;
@@ -10376,10 +11003,11 @@ ${indentStr}}`;
     }
     FileUtils2.File = File;
     FileUtils2.writeFile = async (buffer, config) => {
+      config ?? (config = {});
       config.path ?? (config.path = `${node_os.tmpdir()}/${RandomUtils.uuid4()}_${Date.now()}`);
       await node_fs.promises.mkdir(config.path.substring(0, config.path.lastIndexOf("/")), { recursive: true });
       await node_fs.promises.writeFile(config.path, buffer);
-      return new File({ path: config.path, originalName: config.originalName });
+      return new File({ path: config.path, originalName: config.originalName, etcData: config.etcData });
     };
     FileUtils2.path = (path2) => {
       return Array.isArray(path2) ? node_path.join(...path2) : path2;
@@ -10425,6 +11053,26 @@ ${indentStr}}`;
       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);
@@ -10605,7 +11253,7 @@ ${indentStr}}`;
       const formData = {};
       for (const it of m) {
         if (it.isFile) {
-          formData[it.name] = await FileUtils.writeFile(it.value, { originalName: it.filename });
+          formData[it.name] = await FileUtils.writeFile(it.value, { originalName: it.filename, etcData: it });
         } else {
           const target = formData[it.name];
           if (Array.isArray(target)) {
@@ -10883,7 +11531,28 @@ ${indentStr}}`;
       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 = import_buffer.Buffer.from(await chunk.arrayBuffer());
+      } else if (chunk instanceof import_node_buffer.Blob) {
+        this.resWriteChunk = import_buffer.Buffer.from(await chunk.arrayBuffer());
+        if (!this.resHeader(HttpHeaders.ContentType)) {
+          this.res.setHeader(HttpHeaders.ContentType, chunk.type);
+        }
+      } else if (chunk instanceof ArrayBuffer) {
+        this.resWriteChunk = import_buffer.Buffer.from(chunk);
+      } else {
+        this.resWriteChunk = chunk ?? this.resWriteChunk;
+      }
       if (this.req.readable) {
         await this.reqBodyData();
         await this.resEndChunk();
@@ -10900,6 +11569,11 @@ ${indentStr}}`;
     //     // this.res.write(chunk);
     //     return this.createRequestResponseChain();
     // }
+    resRedirect(statusCode, location) {
+      this.res.statusCode = statusCode;
+      this.res.setHeader(HttpHeaders.Location, location);
+      this.res.end();
+    }
     resWriteHead(statusCode, headers) {
       return this.createRequestResponseChain(this.res.writeHead(statusCode, headers));
     }
@@ -10954,6 +11628,7 @@ ${indentStr}}`;
   // ../simple-boot-http-server/dist/esm/decorators/MethodMapping.js
   var UrlMappingSituationType = /* @__PURE__ */ ((UrlMappingSituationType2) => {
     UrlMappingSituationType2["REQ_JSON_BODY"] = "SIMPLE_BOOT_HTTP_SERVER://URLMAPPING/REQ_JSON_BODY";
+    UrlMappingSituationType2["REQ_URL_SEARCH_PARAMS_OBJ"] = "SIMPLE_BOOT_HTTP_SERVER://URLMAPPING/REQ_URL_SEARCH_PARAMS_OBJ";
     UrlMappingSituationType2["REQ_FORM_URL_BODY"] = "SIMPLE_BOOT_HTTP_SERVER://URLMAPPING/REQ_FORM_URL_BODY";
     return UrlMappingSituationType2;
   })(UrlMappingSituationType || {});
@@ -10975,42 +11650,6 @@ ${indentStr}}`;
     }
   };
 
-  // ../simple-boot/dist/esm/decorators/validate/Validation.js
-  var ValidMetadataKey = Symbol("ValidMetadataKey");
-  var getValidIndex = (target, propertyKey) => {
-    if (target !== null && void 0 !== target && typeof target === "object") {
-      target = target.constructor;
-    }
-    if (propertyKey) {
-      const parameters = Reflect.getOwnMetadata(ValidMetadataKey, target, propertyKey);
-      return parameters ?? [];
-    } else {
-      return ReflectUtils.getMetadata(ValidMetadataKey, target) ?? [];
-    }
-  };
-  var ValidationMetadataKey = Symbol("ValidationMetadataKey");
-  var getValidators = (target) => {
-    if (target !== null && void 0 !== target && typeof target === "object") {
-      target = target.constructor;
-    }
-    return ReflectUtils.getMetadata(ValidationMetadataKey, target) ?? [];
-  };
-  var execValidationInValid = (obj) => {
-    return execValidation(obj).filter((it) => !it.valid);
-  };
-  var execValidation = (obj) => {
-    const validators = getValidators(obj);
-    const reesults = [];
-    validators.forEach((it) => {
-      reesults.push({
-        name: it.propertyKey,
-        valid: it.validator(it.propertyKey, it),
-        message: ""
-      });
-    });
-    return reesults;
-  };
-
   // ../simple-boot/dist/esm/errors/ValidException.js
   var ValidException = class {
     constructor(result) {
@@ -11109,6 +11748,10 @@ ${indentStr}}`;
     InjectSituationType2.TransactionManager = Symbol("TransactionManager");
   })(InjectSituationType || (InjectSituationType = {}));
 
+  // ../simple-boot-http-server/dist/esm/models/datas/search/ReqSearchParamsObj.js
+  var ReqSearchParamsObj = class {
+  };
+
   // ../simple-boot-http-server/dist/esm/SimpleBootHttpServer.js
   var SimpleBootHttpServer = class extends SimpleApplication {
     constructor(option = new HttpServerOption()) {
@@ -11244,6 +11887,7 @@ ${indentStr}}`;
                 const validIndexs = getValidIndex(moduleInstance, it.propertyKey);
                 if (injects) {
                   const isJson = injects.find((it2) => it2.config?.situationType === UrlMappingSituationType.REQ_JSON_BODY);
+                  const isSearchParamsObj = injects.find((it2) => it2.config?.situationType === UrlMappingSituationType.REQ_URL_SEARCH_PARAMS_OBJ);
                   const isFormUrl = injects.find((it2) => it2.config?.situationType === UrlMappingSituationType.REQ_FORM_URL_BODY);
                   const isTransactionManager = injects.find((it2) => it2.config?.situationType === InjectSituationType.TransactionManager);
                   const siturationContainers = new SituationTypeContainers();
@@ -11263,6 +11907,19 @@ ${indentStr}}`;
                       data: data2
                     }));
                   }
+                  if (isSearchParamsObj) {
+                    let data2 = rr.reqUrlSearchParamsObj;
+                    if (validIndexs.includes(isSearchParamsObj.index)) {
+                      const inValid = execValidationInValid(data2);
+                      if ((inValid?.length ?? 0) > 0) {
+                        throw new ValidException(inValid);
+                      }
+                    }
+                    siturationContainers.push(new SituationTypeContainer({
+                      situationType: UrlMappingSituationType.REQ_URL_SEARCH_PARAMS_OBJ,
+                      data: data2
+                    }));
+                  }
                   if (isFormUrl) {
                     let data2 = await rr.reqBodyFormUrlData();
                     if (isFormUrl.type) {
@@ -11292,6 +11949,8 @@ ${indentStr}}`;
                     otherStorage.set(ReqFormUrlBody, await rr.reqBodyReqFormUrlBody());
                   } else if (paramType === ReqJsonBody) {
                     otherStorage.set(ReqJsonBody, await rr.reqBodyReqJsonBody());
+                  } else if (paramType === ReqSearchParamsObj) {
+                    otherStorage.set(ReqSearchParamsObj, rr.reqUrlSearchParamsObj);
                   } else if (paramType === import_url2.URLSearchParams) {
                     otherStorage.set(import_url2.URLSearchParams, rr.reqUrlSearchParams);
                   } else if (paramType === ReqMultipartFormBody) {