@dooboostore/dom-render 1.0.110 → 1.0.112

package/dist/umd-bundle/dooboostore-dom-render.umd.js

@@ -30,1093 +30,8 @@ var dooboostoreDomRender = (() => {
   ));
   var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-  // ../../node_modules/.pnpm/reflect-metadata@0.2.2/node_modules/reflect-metadata/Reflect.js
-  var require_Reflect = __commonJS({
-    "../../node_modules/.pnpm/reflect-metadata@0.2.2/node_modules/reflect-metadata/Reflect.js"() {
-      var Reflect2;
-      (function(Reflect3) {
-        (function(factory) {
-          var root = typeof globalThis === "object" ? globalThis : typeof global === "object" ? global : typeof self === "object" ? self : typeof this === "object" ? this : sloppyModeThis();
-          var exporter = makeExporter(Reflect3);
-          if (typeof root.Reflect !== "undefined") {
-            exporter = makeExporter(root.Reflect, exporter);
-          }
-          factory(exporter, root);
-          if (typeof root.Reflect === "undefined") {
-            root.Reflect = Reflect3;
-          }
-          function makeExporter(target, previous) {
-            return function(key, value) {
-              Object.defineProperty(target, key, { configurable: true, writable: true, value });
-              if (previous)
-                previous(key, value);
-            };
-          }
-          function functionThis() {
-            try {
-              return Function("return this;")();
-            } catch (_) {
-            }
-          }
-          function indirectEvalThis() {
-            try {
-              return (void 0, eval)("(function() { return this; })()");
-            } catch (_) {
-            }
-          }
-          function sloppyModeThis() {
-            return functionThis() || indirectEvalThis();
-          }
-        })(function(exporter, root) {
-          var hasOwn = Object.prototype.hasOwnProperty;
-          var supportsSymbol = typeof Symbol === "function";
-          var toPrimitiveSymbol = supportsSymbol && typeof Symbol.toPrimitive !== "undefined" ? Symbol.toPrimitive : "@@toPrimitive";
-          var iteratorSymbol = supportsSymbol && typeof Symbol.iterator !== "undefined" ? Symbol.iterator : "@@iterator";
-          var supportsCreate = typeof Object.create === "function";
-          var supportsProto = { __proto__: [] } instanceof Array;
-          var downLevel = !supportsCreate && !supportsProto;
-          var HashMap = {
-            // create an object in dictionary mode (a.k.a. "slow" mode in v8)
-            create: supportsCreate ? function() {
-              return MakeDictionary(/* @__PURE__ */ Object.create(null));
-            } : supportsProto ? function() {
-              return MakeDictionary({ __proto__: null });
-            } : function() {
-              return MakeDictionary({});
-            },
-            has: downLevel ? function(map2, key) {
-              return hasOwn.call(map2, key);
-            } : function(map2, key) {
-              return key in map2;
-            },
-            get: downLevel ? function(map2, key) {
-              return hasOwn.call(map2, key) ? map2[key] : void 0;
-            } : function(map2, key) {
-              return map2[key];
-            }
-          };
-          var functionPrototype = Object.getPrototypeOf(Function);
-          var _Map = typeof Map === "function" && typeof Map.prototype.entries === "function" ? Map : CreateMapPolyfill();
-          var _Set = typeof Set === "function" && typeof Set.prototype.entries === "function" ? Set : CreateSetPolyfill();
-          var _WeakMap = typeof WeakMap === "function" ? WeakMap : CreateWeakMapPolyfill();
-          var registrySymbol = supportsSymbol ? Symbol.for("@reflect-metadata:registry") : void 0;
-          var metadataRegistry = GetOrCreateMetadataRegistry();
-          var metadataProvider = CreateMetadataProvider(metadataRegistry);
-          function decorate(decorators, target, propertyKey, attributes) {
-            if (!IsUndefined(propertyKey)) {
-              if (!IsArray(decorators))
-                throw new TypeError();
-              if (!IsObject(target))
-                throw new TypeError();
-              if (!IsObject(attributes) && !IsUndefined(attributes) && !IsNull(attributes))
-                throw new TypeError();
-              if (IsNull(attributes))
-                attributes = void 0;
-              propertyKey = ToPropertyKey(propertyKey);
-              return DecorateProperty(decorators, target, propertyKey, attributes);
-            } else {
-              if (!IsArray(decorators))
-                throw new TypeError();
-              if (!IsConstructor(target))
-                throw new TypeError();
-              return DecorateConstructor(decorators, target);
-            }
-          }
-          exporter("decorate", decorate);
-          function metadata(metadataKey, metadataValue) {
-            function decorator(target, propertyKey) {
-              if (!IsObject(target))
-                throw new TypeError();
-              if (!IsUndefined(propertyKey) && !IsPropertyKey(propertyKey))
-                throw new TypeError();
-              OrdinaryDefineOwnMetadata(metadataKey, metadataValue, target, propertyKey);
-            }
-            return decorator;
-          }
-          exporter("metadata", metadata);
-          function defineMetadata(metadataKey, metadataValue, target, propertyKey) {
-            if (!IsObject(target))
-              throw new TypeError();
-            if (!IsUndefined(propertyKey))
-              propertyKey = ToPropertyKey(propertyKey);
-            return OrdinaryDefineOwnMetadata(metadataKey, metadataValue, target, propertyKey);
-          }
-          exporter("defineMetadata", defineMetadata);
-          function hasMetadata(metadataKey, target, propertyKey) {
-            if (!IsObject(target))
-              throw new TypeError();
-            if (!IsUndefined(propertyKey))
-              propertyKey = ToPropertyKey(propertyKey);
-            return OrdinaryHasMetadata(metadataKey, target, propertyKey);
-          }
-          exporter("hasMetadata", hasMetadata);
-          function hasOwnMetadata(metadataKey, target, propertyKey) {
-            if (!IsObject(target))
-              throw new TypeError();
-            if (!IsUndefined(propertyKey))
-              propertyKey = ToPropertyKey(propertyKey);
-            return OrdinaryHasOwnMetadata(metadataKey, target, propertyKey);
-          }
-          exporter("hasOwnMetadata", hasOwnMetadata);
-          function getMetadata(metadataKey, target, propertyKey) {
-            if (!IsObject(target))
-              throw new TypeError();
-            if (!IsUndefined(propertyKey))
-              propertyKey = ToPropertyKey(propertyKey);
-            return OrdinaryGetMetadata(metadataKey, target, propertyKey);
-          }
-          exporter("getMetadata", getMetadata);
-          function getOwnMetadata(metadataKey, target, propertyKey) {
-            if (!IsObject(target))
-              throw new TypeError();
-            if (!IsUndefined(propertyKey))
-              propertyKey = ToPropertyKey(propertyKey);
-            return OrdinaryGetOwnMetadata(metadataKey, target, propertyKey);
-          }
-          exporter("getOwnMetadata", getOwnMetadata);
-          function getMetadataKeys(target, propertyKey) {
-            if (!IsObject(target))
-              throw new TypeError();
-            if (!IsUndefined(propertyKey))
-              propertyKey = ToPropertyKey(propertyKey);
-            return OrdinaryMetadataKeys(target, propertyKey);
-          }
-          exporter("getMetadataKeys", getMetadataKeys);
-          function getOwnMetadataKeys(target, propertyKey) {
-            if (!IsObject(target))
-              throw new TypeError();
-            if (!IsUndefined(propertyKey))
-              propertyKey = ToPropertyKey(propertyKey);
-            return OrdinaryOwnMetadataKeys(target, propertyKey);
-          }
-          exporter("getOwnMetadataKeys", getOwnMetadataKeys);
-          function deleteMetadata(metadataKey, target, propertyKey) {
-            if (!IsObject(target))
-              throw new TypeError();
-            if (!IsUndefined(propertyKey))
-              propertyKey = ToPropertyKey(propertyKey);
-            if (!IsObject(target))
-              throw new TypeError();
-            if (!IsUndefined(propertyKey))
-              propertyKey = ToPropertyKey(propertyKey);
-            var provider = GetMetadataProvider(
-              target,
-              propertyKey,
-              /*Create*/
-              false
-            );
-            if (IsUndefined(provider))
-              return false;
-            return provider.OrdinaryDeleteMetadata(metadataKey, target, propertyKey);
-          }
-          exporter("deleteMetadata", deleteMetadata);
-          function DecorateConstructor(decorators, target) {
-            for (var i = decorators.length - 1; i >= 0; --i) {
-              var decorator = decorators[i];
-              var decorated = decorator(target);
-              if (!IsUndefined(decorated) && !IsNull(decorated)) {
-                if (!IsConstructor(decorated))
-                  throw new TypeError();
-                target = decorated;
-              }
-            }
-            return target;
-          }
-          function DecorateProperty(decorators, target, propertyKey, descriptor) {
-            for (var i = decorators.length - 1; i >= 0; --i) {
-              var decorator = decorators[i];
-              var decorated = decorator(target, propertyKey, descriptor);
-              if (!IsUndefined(decorated) && !IsNull(decorated)) {
-                if (!IsObject(decorated))
-                  throw new TypeError();
-                descriptor = decorated;
-              }
-            }
-            return descriptor;
-          }
-          function OrdinaryHasMetadata(MetadataKey, O, P) {
-            var hasOwn2 = OrdinaryHasOwnMetadata(MetadataKey, O, P);
-            if (hasOwn2)
-              return true;
-            var parent = OrdinaryGetPrototypeOf(O);
-            if (!IsNull(parent))
-              return OrdinaryHasMetadata(MetadataKey, parent, P);
-            return false;
-          }
-          function OrdinaryHasOwnMetadata(MetadataKey, O, P) {
-            var provider = GetMetadataProvider(
-              O,
-              P,
-              /*Create*/
-              false
-            );
-            if (IsUndefined(provider))
-              return false;
-            return ToBoolean(provider.OrdinaryHasOwnMetadata(MetadataKey, O, P));
-          }
-          function OrdinaryGetMetadata(MetadataKey, O, P) {
-            var hasOwn2 = OrdinaryHasOwnMetadata(MetadataKey, O, P);
-            if (hasOwn2)
-              return OrdinaryGetOwnMetadata(MetadataKey, O, P);
-            var parent = OrdinaryGetPrototypeOf(O);
-            if (!IsNull(parent))
-              return OrdinaryGetMetadata(MetadataKey, parent, P);
-            return void 0;
-          }
-          function OrdinaryGetOwnMetadata(MetadataKey, O, P) {
-            var provider = GetMetadataProvider(
-              O,
-              P,
-              /*Create*/
-              false
-            );
-            if (IsUndefined(provider))
-              return;
-            return provider.OrdinaryGetOwnMetadata(MetadataKey, O, P);
-          }
-          function OrdinaryDefineOwnMetadata(MetadataKey, MetadataValue, O, P) {
-            var provider = GetMetadataProvider(
-              O,
-              P,
-              /*Create*/
-              true
-            );
-            provider.OrdinaryDefineOwnMetadata(MetadataKey, MetadataValue, O, P);
-          }
-          function OrdinaryMetadataKeys(O, P) {
-            var ownKeys = OrdinaryOwnMetadataKeys(O, P);
-            var parent = OrdinaryGetPrototypeOf(O);
-            if (parent === null)
-              return ownKeys;
-            var parentKeys = OrdinaryMetadataKeys(parent, P);
-            if (parentKeys.length <= 0)
-              return ownKeys;
-            if (ownKeys.length <= 0)
-              return parentKeys;
-            var set = new _Set();
-            var keys = [];
-            for (var _i = 0, ownKeys_1 = ownKeys; _i < ownKeys_1.length; _i++) {
-              var key = ownKeys_1[_i];
-              var hasKey = set.has(key);
-              if (!hasKey) {
-                set.add(key);
-                keys.push(key);
-              }
-            }
-            for (var _a2 = 0, parentKeys_1 = parentKeys; _a2 < parentKeys_1.length; _a2++) {
-              var key = parentKeys_1[_a2];
-              var hasKey = set.has(key);
-              if (!hasKey) {
-                set.add(key);
-                keys.push(key);
-              }
-            }
-            return keys;
-          }
-          function OrdinaryOwnMetadataKeys(O, P) {
-            var provider = GetMetadataProvider(
-              O,
-              P,
-              /*create*/
-              false
-            );
-            if (!provider) {
-              return [];
-            }
-            return provider.OrdinaryOwnMetadataKeys(O, P);
-          }
-          function Type(x) {
-            if (x === null)
-              return 1;
-            switch (typeof x) {
-              case "undefined":
-                return 0;
-              case "boolean":
-                return 2;
-              case "string":
-                return 3;
-              case "symbol":
-                return 4;
-              case "number":
-                return 5;
-              case "object":
-                return x === null ? 1 : 6;
-              default:
-                return 6;
-            }
-          }
-          function IsUndefined(x) {
-            return x === void 0;
-          }
-          function IsNull(x) {
-            return x === null;
-          }
-          function IsSymbol(x) {
-            return typeof x === "symbol";
-          }
-          function IsObject(x) {
-            return typeof x === "object" ? x !== null : typeof x === "function";
-          }
-          function ToPrimitive(input, PreferredType) {
-            switch (Type(input)) {
-              case 0:
-                return input;
-              case 1:
-                return input;
-              case 2:
-                return input;
-              case 3:
-                return input;
-              case 4:
-                return input;
-              case 5:
-                return input;
-            }
-            var hint = PreferredType === 3 ? "string" : PreferredType === 5 ? "number" : "default";
-            var exoticToPrim = GetMethod(input, toPrimitiveSymbol);
-            if (exoticToPrim !== void 0) {
-              var result = exoticToPrim.call(input, hint);
-              if (IsObject(result))
-                throw new TypeError();
-              return result;
-            }
-            return OrdinaryToPrimitive(input, hint === "default" ? "number" : hint);
-          }
-          function OrdinaryToPrimitive(O, hint) {
-            if (hint === "string") {
-              var toString_1 = O.toString;
-              if (IsCallable(toString_1)) {
-                var result = toString_1.call(O);
-                if (!IsObject(result))
-                  return result;
-              }
-              var valueOf = O.valueOf;
-              if (IsCallable(valueOf)) {
-                var result = valueOf.call(O);
-                if (!IsObject(result))
-                  return result;
-              }
-            } else {
-              var valueOf = O.valueOf;
-              if (IsCallable(valueOf)) {
-                var result = valueOf.call(O);
-                if (!IsObject(result))
-                  return result;
-              }
-              var toString_2 = O.toString;
-              if (IsCallable(toString_2)) {
-                var result = toString_2.call(O);
-                if (!IsObject(result))
-                  return result;
-              }
-            }
-            throw new TypeError();
-          }
-          function ToBoolean(argument) {
-            return !!argument;
-          }
-          function ToString(argument) {
-            return "" + argument;
-          }
-          function ToPropertyKey(argument) {
-            var key = ToPrimitive(
-              argument,
-              3
-              /* String */
-            );
-            if (IsSymbol(key))
-              return key;
-            return ToString(key);
-          }
-          function IsArray(argument) {
-            return Array.isArray ? Array.isArray(argument) : argument instanceof Object ? argument instanceof Array : Object.prototype.toString.call(argument) === "[object Array]";
-          }
-          function IsCallable(argument) {
-            return typeof argument === "function";
-          }
-          function IsConstructor(argument) {
-            return typeof argument === "function";
-          }
-          function IsPropertyKey(argument) {
-            switch (Type(argument)) {
-              case 3:
-                return true;
-              case 4:
-                return true;
-              default:
-                return false;
-            }
-          }
-          function SameValueZero(x, y) {
-            return x === y || x !== x && y !== y;
-          }
-          function GetMethod(V, P) {
-            var func = V[P];
-            if (func === void 0 || func === null)
-              return void 0;
-            if (!IsCallable(func))
-              throw new TypeError();
-            return func;
-          }
-          function GetIterator(obj) {
-            var method = GetMethod(obj, iteratorSymbol);
-            if (!IsCallable(method))
-              throw new TypeError();
-            var iterator = method.call(obj);
-            if (!IsObject(iterator))
-              throw new TypeError();
-            return iterator;
-          }
-          function IteratorValue(iterResult) {
-            return iterResult.value;
-          }
-          function IteratorStep(iterator) {
-            var result = iterator.next();
-            return result.done ? false : result;
-          }
-          function IteratorClose(iterator) {
-            var f = iterator["return"];
-            if (f)
-              f.call(iterator);
-          }
-          function OrdinaryGetPrototypeOf(O) {
-            var proto = Object.getPrototypeOf(O);
-            if (typeof O !== "function" || O === functionPrototype)
-              return proto;
-            if (proto !== functionPrototype)
-              return proto;
-            var prototype = O.prototype;
-            var prototypeProto = prototype && Object.getPrototypeOf(prototype);
-            if (prototypeProto == null || prototypeProto === Object.prototype)
-              return proto;
-            var constructor = prototypeProto.constructor;
-            if (typeof constructor !== "function")
-              return proto;
-            if (constructor === O)
-              return proto;
-            return constructor;
-          }
-          function CreateMetadataRegistry() {
-            var fallback;
-            if (!IsUndefined(registrySymbol) && typeof root.Reflect !== "undefined" && !(registrySymbol in root.Reflect) && typeof root.Reflect.defineMetadata === "function") {
-              fallback = CreateFallbackProvider(root.Reflect);
-            }
-            var first;
-            var second;
-            var rest;
-            var targetProviderMap = new _WeakMap();
-            var registry = {
-              registerProvider,
-              getProvider,
-              setProvider
-            };
-            return registry;
-            function registerProvider(provider) {
-              if (!Object.isExtensible(registry)) {
-                throw new Error("Cannot add provider to a frozen registry.");
-              }
-              switch (true) {
-                case fallback === provider:
-                  break;
-                case IsUndefined(first):
-                  first = provider;
-                  break;
-                case first === provider:
-                  break;
-                case IsUndefined(second):
-                  second = provider;
-                  break;
-                case second === provider:
-                  break;
-                default:
-                  if (rest === void 0)
-                    rest = new _Set();
-                  rest.add(provider);
-                  break;
-              }
-            }
-            function getProviderNoCache(O, P) {
-              if (!IsUndefined(first)) {
-                if (first.isProviderFor(O, P))
-                  return first;
-                if (!IsUndefined(second)) {
-                  if (second.isProviderFor(O, P))
-                    return first;
-                  if (!IsUndefined(rest)) {
-                    var iterator = GetIterator(rest);
-                    while (true) {
-                      var next = IteratorStep(iterator);
-                      if (!next) {
-                        return void 0;
-                      }
-                      var provider = IteratorValue(next);
-                      if (provider.isProviderFor(O, P)) {
-                        IteratorClose(iterator);
-                        return provider;
-                      }
-                    }
-                  }
-                }
-              }
-              if (!IsUndefined(fallback) && fallback.isProviderFor(O, P)) {
-                return fallback;
-              }
-              return void 0;
-            }
-            function getProvider(O, P) {
-              var providerMap = targetProviderMap.get(O);
-              var provider;
-              if (!IsUndefined(providerMap)) {
-                provider = providerMap.get(P);
-              }
-              if (!IsUndefined(provider)) {
-                return provider;
-              }
-              provider = getProviderNoCache(O, P);
-              if (!IsUndefined(provider)) {
-                if (IsUndefined(providerMap)) {
-                  providerMap = new _Map();
-                  targetProviderMap.set(O, providerMap);
-                }
-                providerMap.set(P, provider);
-              }
-              return provider;
-            }
-            function hasProvider(provider) {
-              if (IsUndefined(provider))
-                throw new TypeError();
-              return first === provider || second === provider || !IsUndefined(rest) && rest.has(provider);
-            }
-            function setProvider(O, P, provider) {
-              if (!hasProvider(provider)) {
-                throw new Error("Metadata provider not registered.");
-              }
-              var existingProvider = getProvider(O, P);
-              if (existingProvider !== provider) {
-                if (!IsUndefined(existingProvider)) {
-                  return false;
-                }
-                var providerMap = targetProviderMap.get(O);
-                if (IsUndefined(providerMap)) {
-                  providerMap = new _Map();
-                  targetProviderMap.set(O, providerMap);
-                }
-                providerMap.set(P, provider);
-              }
-              return true;
-            }
-          }
-          function GetOrCreateMetadataRegistry() {
-            var metadataRegistry2;
-            if (!IsUndefined(registrySymbol) && IsObject(root.Reflect) && Object.isExtensible(root.Reflect)) {
-              metadataRegistry2 = root.Reflect[registrySymbol];
-            }
-            if (IsUndefined(metadataRegistry2)) {
-              metadataRegistry2 = CreateMetadataRegistry();
-            }
-            if (!IsUndefined(registrySymbol) && IsObject(root.Reflect) && Object.isExtensible(root.Reflect)) {
-              Object.defineProperty(root.Reflect, registrySymbol, {
-                enumerable: false,
-                configurable: false,
-                writable: false,
-                value: metadataRegistry2
-              });
-            }
-            return metadataRegistry2;
-          }
-          function CreateMetadataProvider(registry) {
-            var metadata2 = new _WeakMap();
-            var provider = {
-              isProviderFor: function(O, P) {
-                var targetMetadata = metadata2.get(O);
-                if (IsUndefined(targetMetadata))
-                  return false;
-                return targetMetadata.has(P);
-              },
-              OrdinaryDefineOwnMetadata: OrdinaryDefineOwnMetadata2,
-              OrdinaryHasOwnMetadata: OrdinaryHasOwnMetadata2,
-              OrdinaryGetOwnMetadata: OrdinaryGetOwnMetadata2,
-              OrdinaryOwnMetadataKeys: OrdinaryOwnMetadataKeys2,
-              OrdinaryDeleteMetadata
-            };
-            metadataRegistry.registerProvider(provider);
-            return provider;
-            function GetOrCreateMetadataMap(O, P, Create) {
-              var targetMetadata = metadata2.get(O);
-              var createdTargetMetadata = false;
-              if (IsUndefined(targetMetadata)) {
-                if (!Create)
-                  return void 0;
-                targetMetadata = new _Map();
-                metadata2.set(O, targetMetadata);
-                createdTargetMetadata = true;
-              }
-              var metadataMap = targetMetadata.get(P);
-              if (IsUndefined(metadataMap)) {
-                if (!Create)
-                  return void 0;
-                metadataMap = new _Map();
-                targetMetadata.set(P, metadataMap);
-                if (!registry.setProvider(O, P, provider)) {
-                  targetMetadata.delete(P);
-                  if (createdTargetMetadata) {
-                    metadata2.delete(O);
-                  }
-                  throw new Error("Wrong provider for target.");
-                }
-              }
-              return metadataMap;
-            }
-            function OrdinaryHasOwnMetadata2(MetadataKey, O, P) {
-              var metadataMap = GetOrCreateMetadataMap(
-                O,
-                P,
-                /*Create*/
-                false
-              );
-              if (IsUndefined(metadataMap))
-                return false;
-              return ToBoolean(metadataMap.has(MetadataKey));
-            }
-            function OrdinaryGetOwnMetadata2(MetadataKey, O, P) {
-              var metadataMap = GetOrCreateMetadataMap(
-                O,
-                P,
-                /*Create*/
-                false
-              );
-              if (IsUndefined(metadataMap))
-                return void 0;
-              return metadataMap.get(MetadataKey);
-            }
-            function OrdinaryDefineOwnMetadata2(MetadataKey, MetadataValue, O, P) {
-              var metadataMap = GetOrCreateMetadataMap(
-                O,
-                P,
-                /*Create*/
-                true
-              );
-              metadataMap.set(MetadataKey, MetadataValue);
-            }
-            function OrdinaryOwnMetadataKeys2(O, P) {
-              var keys = [];
-              var metadataMap = GetOrCreateMetadataMap(
-                O,
-                P,
-                /*Create*/
-                false
-              );
-              if (IsUndefined(metadataMap))
-                return keys;
-              var keysObj = metadataMap.keys();
-              var iterator = GetIterator(keysObj);
-              var k = 0;
-              while (true) {
-                var next = IteratorStep(iterator);
-                if (!next) {
-                  keys.length = k;
-                  return keys;
-                }
-                var nextValue = IteratorValue(next);
-                try {
-                  keys[k] = nextValue;
-                } catch (e) {
-                  try {
-                    IteratorClose(iterator);
-                  } finally {
-                    throw e;
-                  }
-                }
-                k++;
-              }
-            }
-            function OrdinaryDeleteMetadata(MetadataKey, O, P) {
-              var metadataMap = GetOrCreateMetadataMap(
-                O,
-                P,
-                /*Create*/
-                false
-              );
-              if (IsUndefined(metadataMap))
-                return false;
-              if (!metadataMap.delete(MetadataKey))
-                return false;
-              if (metadataMap.size === 0) {
-                var targetMetadata = metadata2.get(O);
-                if (!IsUndefined(targetMetadata)) {
-                  targetMetadata.delete(P);
-                  if (targetMetadata.size === 0) {
-                    metadata2.delete(targetMetadata);
-                  }
-                }
-              }
-              return true;
-            }
-          }
-          function CreateFallbackProvider(reflect) {
-            var defineMetadata2 = reflect.defineMetadata, hasOwnMetadata2 = reflect.hasOwnMetadata, getOwnMetadata2 = reflect.getOwnMetadata, getOwnMetadataKeys2 = reflect.getOwnMetadataKeys, deleteMetadata2 = reflect.deleteMetadata;
-            var metadataOwner = new _WeakMap();
-            var provider = {
-              isProviderFor: function(O, P) {
-                var metadataPropertySet = metadataOwner.get(O);
-                if (!IsUndefined(metadataPropertySet) && metadataPropertySet.has(P)) {
-                  return true;
-                }
-                if (getOwnMetadataKeys2(O, P).length) {
-                  if (IsUndefined(metadataPropertySet)) {
-                    metadataPropertySet = new _Set();
-                    metadataOwner.set(O, metadataPropertySet);
-                  }
-                  metadataPropertySet.add(P);
-                  return true;
-                }
-                return false;
-              },
-              OrdinaryDefineOwnMetadata: defineMetadata2,
-              OrdinaryHasOwnMetadata: hasOwnMetadata2,
-              OrdinaryGetOwnMetadata: getOwnMetadata2,
-              OrdinaryOwnMetadataKeys: getOwnMetadataKeys2,
-              OrdinaryDeleteMetadata: deleteMetadata2
-            };
-            return provider;
-          }
-          function GetMetadataProvider(O, P, Create) {
-            var registeredProvider = metadataRegistry.getProvider(O, P);
-            if (!IsUndefined(registeredProvider)) {
-              return registeredProvider;
-            }
-            if (Create) {
-              if (metadataRegistry.setProvider(O, P, metadataProvider)) {
-                return metadataProvider;
-              }
-              throw new Error("Illegal state.");
-            }
-            return void 0;
-          }
-          function CreateMapPolyfill() {
-            var cacheSentinel = {};
-            var arraySentinel = [];
-            var MapIterator = (
-              /** @class */
-              function() {
-                function MapIterator2(keys, values, selector) {
-                  this._index = 0;
-                  this._keys = keys;
-                  this._values = values;
-                  this._selector = selector;
-                }
-                MapIterator2.prototype["@@iterator"] = function() {
-                  return this;
-                };
-                MapIterator2.prototype[iteratorSymbol] = function() {
-                  return this;
-                };
-                MapIterator2.prototype.next = function() {
-                  var index = this._index;
-                  if (index >= 0 && index < this._keys.length) {
-                    var result = this._selector(this._keys[index], this._values[index]);
-                    if (index + 1 >= this._keys.length) {
-                      this._index = -1;
-                      this._keys = arraySentinel;
-                      this._values = arraySentinel;
-                    } else {
-                      this._index++;
-                    }
-                    return { value: result, done: false };
-                  }
-                  return { value: void 0, done: true };
-                };
-                MapIterator2.prototype.throw = function(error) {
-                  if (this._index >= 0) {
-                    this._index = -1;
-                    this._keys = arraySentinel;
-                    this._values = arraySentinel;
-                  }
-                  throw error;
-                };
-                MapIterator2.prototype.return = function(value) {
-                  if (this._index >= 0) {
-                    this._index = -1;
-                    this._keys = arraySentinel;
-                    this._values = arraySentinel;
-                  }
-                  return { value, done: true };
-                };
-                return MapIterator2;
-              }()
-            );
-            var Map2 = (
-              /** @class */
-              function() {
-                function Map3() {
-                  this._keys = [];
-                  this._values = [];
-                  this._cacheKey = cacheSentinel;
-                  this._cacheIndex = -2;
-                }
-                Object.defineProperty(Map3.prototype, "size", {
-                  get: function() {
-                    return this._keys.length;
-                  },
-                  enumerable: true,
-                  configurable: true
-                });
-                Map3.prototype.has = function(key) {
-                  return this._find(
-                    key,
-                    /*insert*/
-                    false
-                  ) >= 0;
-                };
-                Map3.prototype.get = function(key) {
-                  var index = this._find(
-                    key,
-                    /*insert*/
-                    false
-                  );
-                  return index >= 0 ? this._values[index] : void 0;
-                };
-                Map3.prototype.set = function(key, value) {
-                  var index = this._find(
-                    key,
-                    /*insert*/
-                    true
-                  );
-                  this._values[index] = value;
-                  return this;
-                };
-                Map3.prototype.delete = function(key) {
-                  var index = this._find(
-                    key,
-                    /*insert*/
-                    false
-                  );
-                  if (index >= 0) {
-                    var size = this._keys.length;
-                    for (var i = index + 1; i < size; i++) {
-                      this._keys[i - 1] = this._keys[i];
-                      this._values[i - 1] = this._values[i];
-                    }
-                    this._keys.length--;
-                    this._values.length--;
-                    if (SameValueZero(key, this._cacheKey)) {
-                      this._cacheKey = cacheSentinel;
-                      this._cacheIndex = -2;
-                    }
-                    return true;
-                  }
-                  return false;
-                };
-                Map3.prototype.clear = function() {
-                  this._keys.length = 0;
-                  this._values.length = 0;
-                  this._cacheKey = cacheSentinel;
-                  this._cacheIndex = -2;
-                };
-                Map3.prototype.keys = function() {
-                  return new MapIterator(this._keys, this._values, getKey);
-                };
-                Map3.prototype.values = function() {
-                  return new MapIterator(this._keys, this._values, getValue);
-                };
-                Map3.prototype.entries = function() {
-                  return new MapIterator(this._keys, this._values, getEntry);
-                };
-                Map3.prototype["@@iterator"] = function() {
-                  return this.entries();
-                };
-                Map3.prototype[iteratorSymbol] = function() {
-                  return this.entries();
-                };
-                Map3.prototype._find = function(key, insert) {
-                  if (!SameValueZero(this._cacheKey, key)) {
-                    this._cacheIndex = -1;
-                    for (var i = 0; i < this._keys.length; i++) {
-                      if (SameValueZero(this._keys[i], key)) {
-                        this._cacheIndex = i;
-                        break;
-                      }
-                    }
-                  }
-                  if (this._cacheIndex < 0 && insert) {
-                    this._cacheIndex = this._keys.length;
-                    this._keys.push(key);
-                    this._values.push(void 0);
-                  }
-                  return this._cacheIndex;
-                };
-                return Map3;
-              }()
-            );
-            return Map2;
-            function getKey(key, _) {
-              return key;
-            }
-            function getValue(_, value) {
-              return value;
-            }
-            function getEntry(key, value) {
-              return [key, value];
-            }
-          }
-          function CreateSetPolyfill() {
-            var Set2 = (
-              /** @class */
-              function() {
-                function Set3() {
-                  this._map = new _Map();
-                }
-                Object.defineProperty(Set3.prototype, "size", {
-                  get: function() {
-                    return this._map.size;
-                  },
-                  enumerable: true,
-                  configurable: true
-                });
-                Set3.prototype.has = function(value) {
-                  return this._map.has(value);
-                };
-                Set3.prototype.add = function(value) {
-                  return this._map.set(value, value), this;
-                };
-                Set3.prototype.delete = function(value) {
-                  return this._map.delete(value);
-                };
-                Set3.prototype.clear = function() {
-                  this._map.clear();
-                };
-                Set3.prototype.keys = function() {
-                  return this._map.keys();
-                };
-                Set3.prototype.values = function() {
-                  return this._map.keys();
-                };
-                Set3.prototype.entries = function() {
-                  return this._map.entries();
-                };
-                Set3.prototype["@@iterator"] = function() {
-                  return this.keys();
-                };
-                Set3.prototype[iteratorSymbol] = function() {
-                  return this.keys();
-                };
-                return Set3;
-              }()
-            );
-            return Set2;
-          }
-          function CreateWeakMapPolyfill() {
-            var UUID_SIZE = 16;
-            var keys = HashMap.create();
-            var rootKey = CreateUniqueKey();
-            return (
-              /** @class */
-              function() {
-                function WeakMap2() {
-                  this._key = CreateUniqueKey();
-                }
-                WeakMap2.prototype.has = function(target) {
-                  var table = GetOrCreateWeakMapTable(
-                    target,
-                    /*create*/
-                    false
-                  );
-                  return table !== void 0 ? HashMap.has(table, this._key) : false;
-                };
-                WeakMap2.prototype.get = function(target) {
-                  var table = GetOrCreateWeakMapTable(
-                    target,
-                    /*create*/
-                    false
-                  );
-                  return table !== void 0 ? HashMap.get(table, this._key) : void 0;
-                };
-                WeakMap2.prototype.set = function(target, value) {
-                  var table = GetOrCreateWeakMapTable(
-                    target,
-                    /*create*/
-                    true
-                  );
-                  table[this._key] = value;
-                  return this;
-                };
-                WeakMap2.prototype.delete = function(target) {
-                  var table = GetOrCreateWeakMapTable(
-                    target,
-                    /*create*/
-                    false
-                  );
-                  return table !== void 0 ? delete table[this._key] : false;
-                };
-                WeakMap2.prototype.clear = function() {
-                  this._key = CreateUniqueKey();
-                };
-                return WeakMap2;
-              }()
-            );
-            function CreateUniqueKey() {
-              var key;
-              do
-                key = "@@WeakMap@@" + CreateUUID();
-              while (HashMap.has(keys, key));
-              keys[key] = true;
-              return key;
-            }
-            function GetOrCreateWeakMapTable(target, create) {
-              if (!hasOwn.call(target, rootKey)) {
-                if (!create)
-                  return void 0;
-                Object.defineProperty(target, rootKey, { value: HashMap.create() });
-              }
-              return target[rootKey];
-            }
-            function FillRandomBytes(buffer, size) {
-              for (var i = 0; i < size; ++i)
-                buffer[i] = Math.random() * 255 | 0;
-              return buffer;
-            }
-            function GenRandomBytes(size) {
-              if (typeof Uint8Array === "function") {
-                var array = new Uint8Array(size);
-                if (typeof crypto !== "undefined") {
-                  crypto.getRandomValues(array);
-                } else if (typeof msCrypto !== "undefined") {
-                  msCrypto.getRandomValues(array);
-                } else {
-                  FillRandomBytes(array, size);
-                }
-                return array;
-              }
-              return FillRandomBytes(new Array(size), size);
-            }
-            function CreateUUID() {
-              var data = GenRandomBytes(UUID_SIZE);
-              data[6] = data[6] & 79 | 64;
-              data[8] = data[8] & 191 | 128;
-              var result = "";
-              for (var offset = 0; offset < UUID_SIZE; ++offset) {
-                var byte = data[offset];
-                if (offset === 4 || offset === 6 || offset === 8)
-                  result += "-";
-                if (byte < 16)
-                  result += "0";
-                result += byte.toString(16).toLowerCase();
-              }
-              return result;
-            }
-          }
-          function MakeDictionary(obj) {
-            obj.__ = void 0;
-            delete obj.__;
-            return obj;
-          }
-        });
-      })(Reflect2 || (Reflect2 = {}));
-    }
-  });
-
   // ../../../node_modules/.pnpm/reflect-metadata@0.2.2/node_modules/reflect-metadata/Reflect.js
-  var require_Reflect2 = __commonJS({
+  var require_Reflect = __commonJS({
     "../../../node_modules/.pnpm/reflect-metadata@0.2.2/node_modules/reflect-metadata/Reflect.js"() {
       var Reflect2;
       (function(Reflect3) {
@@ -3822,6 +2737,14 @@ var dooboostoreDomRender = (() => {
     const isConstructorLike = (fn) => {
       return typeof fn === "function" && typeof fn.prototype !== "undefined";
     };
+    ValidUtils22.isUrl = (str) => {
+      try {
+        new URL(str);
+        return true;
+      } catch (_) {
+        return false;
+      }
+    };
     ValidUtils22.isFrozen = (obj) => {
       return Object.isFrozen(obj);
     };
@@ -5252,57 +4175,70 @@ var dooboostoreDomRender = (() => {
         if (Path2.isFunctionScript(path) || Path2.isArrowFunctionScript(path)) {
           return path;
         }
-        if (path.includes(" ? ") && path.includes(" : ")) {
-          const parts = path.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 = path.includes("??");
+        let tempPath = path;
+        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 (path.includes("(")) {
+        if (tempPath.includes("(")) {
           const functionCallMatches = [];
-          let tempPath = path;
+          let workingPath = tempPath;
           let counter = 0;
           const functionCallRegex = /(\w+)\(([^()]*(?:\([^()]*\)[^()]*)*)\)/g;
           let match;
-          while ((match = functionCallRegex.exec(path)) !== 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 = path.match(/[^?.[\]]+|\[[^\]]*\]/g);
+        const tokens = tempPath.match(/[^?.[\]]+|\[[^\]]*\]/g);
         if (!tokens) {
-          return path;
+          return hasNullishCoalescing ? path : path;
         }
-        return tokens.join("?.");
+        const result = tokens.join("?.");
+        return hasNullishCoalescing ? result.replace(new RegExp(nullishCoalescingPlaceholder, "g"), "??") : result;
       };
       Path2.removeOptionalChainOperator = (path) => {
         if (!path) {
@@ -5615,9 +4551,19 @@ var dooboostoreDomRender = (() => {
     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)) {
@@ -5985,6 +4931,29 @@ var dooboostoreDomRender = (() => {
     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 = {}));
 
   // ../core/dist/esm/date/DateUtils.js
@@ -7930,6 +6899,29 @@ var dooboostoreDomRender = (() => {
       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) {
@@ -8224,7 +7216,7 @@ var dooboostoreDomRender = (() => {
     // }
   };
 
-  // ../core/dist/esm/message/Subscriber..js
+  // ../core/dist/esm/message/Subscriber.js
   var Subscriber = class {
     constructor(destination) {
       this.destination = destination;
@@ -9553,7 +8545,7 @@ ${indentStr}}`;
   // ../core/dist/esm/schedule/Schedule.js
   var Schedule;
   ((Schedule2) => {
-    Schedule2.TOKEN = Symbol("Schedule");
+    Schedule2.SYMBOL = Symbol("Schedule");
   })(Schedule || (Schedule = {}));
   var ScheduleBase = class {
     constructor() {
@@ -9580,27 +8572,28 @@ ${indentStr}}`;
     get isReady() {
       return !(this._state === "RUNNING");
     }
-    addStart(data, date = /* @__PURE__ */ new Date()) {
+    addStart(input, date = /* @__PURE__ */ new Date()) {
       this._history ?? (this._history = []);
-      this._history.push({ state: "RUNNING", date, data });
+      this._history.push({ state: "RUNNING", date, input });
     }
-    addError(data, date = /* @__PURE__ */ new Date()) {
+    addError(input, date = /* @__PURE__ */ new Date()) {
       this._history ?? (this._history = []);
-      this._history.push({ state: "ERROR", date, data });
+      this._history.push({ state: "ERROR", date, input });
     }
-    addSuccess(data, date = /* @__PURE__ */ new Date()) {
+    addSuccess(input, result = void 0, date = /* @__PURE__ */ new Date()) {
       this._history ?? (this._history = []);
-      this._history.push({ state: "SUCCESS", date, data });
+      this._history.push({ state: "SUCCESS", date, input, result });
     }
     async run(data) {
       this._state = "RUNNING";
       this.addStart();
       const startDate = /* @__PURE__ */ new Date();
+      let result;
       try {
         console.log("Running schedule", this.name, startDate);
-        await this.execute(data);
+        result = await this.execute(data);
         this._successCount++;
-        this.addSuccess();
+        this.addSuccess(data, result);
       } catch (e) {
         this.addError(e);
         this._errorCount++;
@@ -9612,6 +8605,7 @@ ${indentStr}}`;
         console.log("Done schedule", this.name, endDate, endDate.getTime() - startDate.getTime());
       }
       this._state = "DONE-AND-WAITING";
+      return result;
     }
   };
 
@@ -9702,7 +8696,7 @@ ${indentStr}}`;
 
   // ../core/dist/esm/string/StringUtils.js
   var StringUtils;
-  (function(StringUtils2) {
+  ((StringUtils2) => {
     StringUtils2.deleteEnter = (data) => {
       return data.replace(/\r?\n/g, "");
     };
@@ -9745,8 +8739,7 @@ ${indentStr}}`;
       return s;
     };
     StringUtils2.unescape = (html) => {
-      if (!html)
-        return "";
+      if (!html) return "";
       const htmlEntity = {
         quot: '"',
         amp: "&",
@@ -9796,8 +8789,7 @@ ${indentStr}}`;
       return formatString.replace(/\${([^{}]*)}/g, (matched, piece) => String(object[piece] ?? matched));
     };
     StringUtils2.ellipsis = (text, length) => {
-      if (text.length > length)
-        return `${text.slice(0, length)}...`;
+      if (text.length > length) return `${text.slice(0, length)}...`;
       return text;
     };
     StringUtils2.appendPostposition = (text, { vowel, consonant }) => {
@@ -9910,7 +8902,7 @@ ${indentStr}}`;
     ValidUtils: () => ValidUtils2,
     WindowUtils: () => WindowUtils
   });
-  var import_reflect_metadata = __toESM(require_Reflect2(), 1);
+  var import_reflect_metadata = __toESM(require_Reflect(), 1);
 
   // ../core/dist/esm/message/AutoCloseSubscription.js
   var AutoCloseSubscription = class {
@@ -10216,13 +9208,14 @@ ${indentStr}}`;
   ((DownloadUtils2) => {
     DownloadUtils2.download = (window2, url, filename = "download") => {
       const a = window2.document.createElement("a");
-      a.href = url;
+      const targetUrl = typeof url === "string" ? url : URL.createObjectURL(url);
+      a.href = targetUrl;
       a.download = filename;
       a.style.display = "none";
       window2.document.body.appendChild(a);
       a.click();
       window2.document.body.removeChild(a);
-      URL.revokeObjectURL(url);
+      URL.revokeObjectURL(targetUrl);
     };
     DownloadUtils2.csvDownload = (window2, datas, config) => {
       const csv = datas.map((row) => {
@@ -10459,38 +9452,43 @@ ${indentStr}}`;
   })(EventUtils || (EventUtils = {}));
 
   // ../core-web/dist/esm/location/LocationUtils.js
-  var LocationUtils = class {
-    static hash(window2) {
+  var LocationUtils;
+  ((LocationUtils2) => {
+    LocationUtils2.hash = (window2) => {
       return window2.location.hash.replace("#", "");
-    }
-    static hashPath(window2) {
+    };
+    LocationUtils2.hashPath = (window2) => {
       return window2.location.hash.replace("#", "").split("?")[0];
-    }
-    static hashSearch(window2) {
-      return window2.location.hash.replace("#", "").split("?")[1];
-    }
-    static hashQueryParams(window2) {
+    };
+    LocationUtils2.hashSearch = (window2) => {
+      const string = window2.location.hash.replace("#", "").split("?")[1];
+      return string ? `?${string}` : "";
+    };
+    LocationUtils2.hashQueryParams = (window2) => {
       const s = window2.location.hash.replace("#", "").split("?")[1] || "";
-      return this.queryStringToMap(s);
-    }
-    static path(window2) {
+      return LocationUtils2.queryStringToMap(s);
+    };
+    LocationUtils2.path = (window2) => {
       return window2.location.pathname;
-    }
-    static pathQueryParamsObject(window2) {
-      return this.queryStringToObject(window2.location.search.substring(1));
-    }
-    static hashQueryParamsObject(window2) {
+    };
+    LocationUtils2.search = (window2) => {
+      return window2.location.search || "";
+    };
+    LocationUtils2.pathQueryParamsObject = (window2) => {
+      return LocationUtils2.queryStringToObject(window2.location.search.substring(1));
+    };
+    LocationUtils2.hashQueryParamsObject = (window2) => {
       const s = window2.location.hash.split("?").pop() ?? "";
       if (s.startsWith("#")) {
         return {};
       } else {
-        return this.queryStringToObject(s);
+        return LocationUtils2.queryStringToObject(s);
       }
-    }
-    static pathQueryParams(window2) {
-      return this.queryStringToMap(window2.location.search.substring(1));
-    }
-    static queryStringToMap(s) {
+    };
+    LocationUtils2.pathQueryParams = (window2) => {
+      return LocationUtils2.queryStringToMap(window2.location.search.substring(1));
+    };
+    LocationUtils2.queryStringToMap = (s) => {
       const params = /* @__PURE__ */ new Map();
       const vars = s.split("&") || [];
       vars.forEach((it) => {
@@ -10500,8 +9498,8 @@ ${indentStr}}`;
         }
       });
       return params;
-    }
-    static queryStringToObject(s) {
+    };
+    LocationUtils2.queryStringToObject = (s) => {
       const params = {};
       const vars = s.split("&") || [];
       vars.forEach((it) => {
@@ -10511,8 +9509,8 @@ ${indentStr}}`;
         }
       });
       return params;
-    }
-  };
+    };
+  })(LocationUtils || (LocationUtils = {}));
 
   // ../core-web/dist/esm/node/NodeUtils.js
   var NodeUtils;
@@ -10535,7 +9533,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) => {
@@ -11132,11 +10130,11 @@ ${indentStr}}`;
     findAttrElements(fragment, config) {
       const elements = /* @__PURE__ */ new Set();
       const addAttributes = config?.applyEvents?.map((it) => it.attrName) ?? [];
-      addAttributes.concat([..._EventManager.attrNames]).forEach((attrName) => {
-        fragment?.querySelectorAll(`[${attrName}]`).forEach((it) => {
-          elements.add(it);
-        });
-      });
+      const attrs = addAttributes.concat([..._EventManager.attrNames]).filter(Boolean);
+      if (attrs.length) {
+        const selector = attrs.map((a) => `[${a}]`).join(",");
+        fragment?.querySelectorAll(selector).forEach((it) => elements.add(it));
+      }
       return elements;
     }
     applyEvent(obj, childNodes, config) {
@@ -11148,7 +10146,7 @@ ${indentStr}}`;
       this.procAttr(childNodes, _EventManager.valueAttrName, (it, attribute2) => {
         const script = attribute2;
         if (script) {
-          const data = ScriptUtils.evaluateReturn(script, obj);
+          const data = ObjectUtils.Script.evaluateReturn(script, obj);
           if (it.value !== data) {
             it.value = data;
           }
@@ -11157,7 +10155,7 @@ ${indentStr}}`;
       this.procAttr(childNodes, _EventManager.checkedAttrName, (it, attribute2) => {
         const script = attribute2;
         if (script) {
-          const data = ScriptUtils.evaluateReturn(script, obj);
+          const data = ObjectUtils.Script.evaluateReturn(script, obj);
           if (it.checked !== data) {
             it.checked = data;
           }
@@ -11166,7 +10164,7 @@ ${indentStr}}`;
       this.procAttr(childNodes, _EventManager.selectedAttrName, (it, attribute2) => {
         const script = attribute2;
         if (script) {
-          const data = ScriptUtils.evaluateReturn(script, obj);
+          const data = ObjectUtils.Script.evaluateReturn(script, obj);
           if (it.selected !== data) {
             it.selected = data;
           }
@@ -11175,7 +10173,7 @@ ${indentStr}}`;
       this.procAttr(childNodes, _EventManager.readonlyAttrName, (it, attribute2) => {
         const script = attribute2;
         if (script) {
-          const data = ScriptUtils.evaluateReturn(script, obj);
+          const data = ObjectUtils.Script.evaluateReturn(script, obj);
           if (it.readOnly !== data) {
             it.readOnly = data;
           }
@@ -11184,7 +10182,7 @@ ${indentStr}}`;
       this.procAttr(childNodes, _EventManager.disabledAttrName, (it, attribute2) => {
         const script = attribute2;
         if (script) {
-          const data = ScriptUtils.evaluateReturn(script, obj);
+          const data = ObjectUtils.Script.evaluateReturn(script, obj);
           if (it.disabled !== data) {
             it.disabled = data;
           }
@@ -11193,7 +10191,7 @@ ${indentStr}}`;
       this.procAttr(childNodes, _EventManager.hiddenAttrName, (it, attribute2) => {
         const script = attribute2;
         if (script) {
-          const data = ScriptUtils.evaluateReturn(script, obj);
+          const data = ObjectUtils.Script.evaluateReturn(script, obj);
           if (it.hidden !== data) {
             it.hidden = data;
           }
@@ -11202,7 +10200,7 @@ ${indentStr}}`;
       this.procAttr(childNodes, _EventManager.requiredAttrName, (it, attribute2) => {
         const script = attribute2;
         if (script) {
-          const data = ScriptUtils.evaluateReturn(script, obj);
+          const data = ObjectUtils.Script.evaluateReturn(script, obj);
           if (it.required !== data) {
             it.required = data;
           }
@@ -11211,7 +10209,7 @@ ${indentStr}}`;
       this.procAttr(childNodes, _EventManager.openAttrName, (it, attribute2) => {
         const script = attribute2;
         if (script) {
-          const data = ScriptUtils.evaluateReturn(script, obj);
+          const data = ObjectUtils.Script.evaluateReturn(script, obj);
           if (it.open !== data) {
             it.open = data;
           }
@@ -11222,17 +10220,27 @@ ${indentStr}}`;
         map2.forEach((v, k) => {
           const variablePaths = v.variablePaths;
           let targetScript = v.originalAttrValue;
-          variablePaths.forEach((it2) => {
-            let r = ObjectUtils.Path.toOptionalChainPath(it2.inner);
-            targetScript = targetScript.replaceAll(it2.origin, `\${${r}}`);
-          });
-          const data = ObjectUtils.Script.evaluate(`const $element = this.element;  return ${"`" + targetScript + "`"} `, Object.assign(obj, {
+          let script;
+          if (v.isStringTemplate) {
+            variablePaths.forEach((it2) => {
+              let r = ObjectUtils.Path.toOptionalChainPath(it2.inner);
+              targetScript = targetScript.replaceAll(it2.origin, `\${${r}}`);
+            });
+            script = "`" + targetScript + "`";
+          } else {
+            variablePaths.forEach((it2) => {
+              let r = ObjectUtils.Path.toOptionalChainPath(it2.inner);
+              targetScript = targetScript.replaceAll(it2.origin, `${r}`);
+            });
+            script = targetScript;
+          }
+          const data = ObjectUtils.Script.evaluate(`const $element = this.element;  return ${script}`, Object.assign(obj, {
             __render: Object.freeze({
               element: it,
               attribute: ElementUtils.getAttributeToObject(it)
             })
           }));
-          if (data === null) {
+          if (data === null || data === void 0) {
             it.removeAttribute(k);
           } else {
             it.setAttribute(k, data);
@@ -11251,19 +10259,19 @@ ${indentStr}}`;
             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: Range2.range, value: setValue, scripts: _EventManager.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: Range2.range, value: setValue, scripts: _EventManager.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: Range2.range, value: setValue, scripts: _EventManager.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: Range2.range, value: setValue, scripts: _EventManager.setBindProperty(config?.scripts, obj), ...config?.eventVariables }) }));
               }
               if (setValue === null) {
                 it.removeAttribute(linkInfo.property);
@@ -11286,10 +10294,10 @@ ${indentStr}}`;
             const filterScript = element.getAttribute(`${attr}:filter`);
             let filter = true;
             if (filterScript) {
-              filter = ScriptUtils.evaluate(`${this.getBindScript(config)} return ${filterScript}`, context) ?? false;
+              filter = ObjectUtils.Script.evaluate(`${this.getBindScript(config)} return ${filterScript}`, context) ?? false;
             }
             if (filter) {
-              ScriptUtils.evaluate(`${this.getBindScript(config)} ${script}`, context);
+              ObjectUtils.Script.evaluate(`${this.getBindScript(config)} ${script}`, context);
             }
           };
           element.addEventListener(eventName, handler);
@@ -11301,7 +10309,7 @@ ${indentStr}}`;
           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),
@@ -11327,7 +10335,7 @@ ${indentStr}}`;
           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),
@@ -11344,21 +10352,29 @@ ${indentStr}}`;
           script = "return " + script;
         }
         if (_EventManager.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);
             }
           }
         }
@@ -11369,29 +10385,77 @@ ${indentStr}}`;
           script = "return " + script;
         }
         if (_EventManager.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, _EventManager.valueAttrName, (it, attribute2) => {
+        if (_EventManager.isUsingThisVar(attribute2, varName) || varName === void 0) {
+          const data = ObjectUtils.Script.evaluateReturn(attribute2, obj);
+          if (it.value !== data) it.value = data;
+        }
+      });
+      this.procAttr(elements, _EventManager.checkedAttrName, (it, attribute2) => {
+        if (_EventManager.isUsingThisVar(attribute2, varName) || varName === void 0) {
+          const data = ObjectUtils.Script.evaluateReturn(attribute2, obj);
+          if (it.checked !== data) it.checked = data;
+        }
+      });
+      this.procAttr(elements, _EventManager.selectedAttrName, (it, attribute2) => {
+        if (_EventManager.isUsingThisVar(attribute2, varName) || varName === void 0) {
+          const data = ObjectUtils.Script.evaluateReturn(attribute2, obj);
+          if (it.selected !== data) it.selected = data;
+        }
+      });
+      this.procAttr(elements, _EventManager.readonlyAttrName, (it, attribute2) => {
+        if (_EventManager.isUsingThisVar(attribute2, varName) || varName === void 0) {
+          const data = ObjectUtils.Script.evaluateReturn(attribute2, obj);
+          if (it.readOnly !== data) it.readOnly = data;
+        }
+      });
+      this.procAttr(elements, _EventManager.disabledAttrName, (it, attribute2) => {
+        if (_EventManager.isUsingThisVar(attribute2, varName) || varName === void 0) {
+          const data = ObjectUtils.Script.evaluateReturn(attribute2, obj);
+          if (it.disabled !== data) it.disabled = data;
+        }
+      });
+      this.procAttr(elements, _EventManager.hiddenAttrName, (it, attribute2) => {
+        if (_EventManager.isUsingThisVar(attribute2, varName) || varName === void 0) {
+          const data = ObjectUtils.Script.evaluateReturn(attribute2, obj);
+          if (it.hidden !== data) it.hidden = data;
+        }
+      });
+      this.procAttr(elements, _EventManager.requiredAttrName, (it, attribute2) => {
+        if (_EventManager.isUsingThisVar(attribute2, varName) || varName === void 0) {
+          const data = ObjectUtils.Script.evaluateReturn(attribute2, obj);
+          if (it.required !== data) it.required = data;
+        }
+      });
+      this.procAttr(elements, _EventManager.openAttrName, (it, attribute2) => {
+        if (_EventManager.isUsingThisVar(attribute2, varName) || varName === void 0) {
+          const data = ObjectUtils.Script.evaluateReturn(attribute2, obj);
+          if (it.open !== data) it.open = data;
+        }
+      });
     }
     procAttr(elements = /* @__PURE__ */ new Set(), attrName, callBack) {
       const sets = /* @__PURE__ */ new Set();
@@ -11609,7 +10673,7 @@ ${indentStr}}`;
       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};
@@ -11767,7 +10831,7 @@ ${indentStr}}`;
   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};
@@ -12103,9 +11167,9 @@ ${indentStr}}`;
     }
     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);
@@ -12118,10 +11182,10 @@ ${indentStr}}`;
         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};
@@ -12139,7 +11203,7 @@ ${indentStr}}`;
             );
           }
           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);
@@ -12200,7 +11264,7 @@ ${indentStr}}`;
     }
     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 ?? ""}
@@ -12239,7 +11303,7 @@ ${indentStr}}`;
       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}) {
@@ -12288,6 +11352,10 @@ ${indentStr}}`;
       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 ?? ""}
@@ -12295,6 +11363,7 @@ ${indentStr}}`;
                     const forOf = ${ObjectUtils.Path.toOptionalChainPath(attr)};
                     const forOfStr = \`${attr}\`.trim();
                     // console.log('forOf---',forOf);
+                    // debugger;
                     if (forOf) {
                         for(const it of forOf) {
                             i++;
@@ -12313,16 +11382,39 @@ ${indentStr}}`;
                             const n = this.__render.element.cloneNode(true);
                             Object.entries(this.__render.drAttr).filter(([k,v]) => k !== 'drForOf' && k !== 'drNextOption' && v).forEach(([k, v]) => n.setAttribute(this.__render.drAttrsOriginName[k], v));
                             n.getAttributeNames().forEach(it => n.setAttribute(it, n.getAttribute(it).replace(/\\#it\\#/g, destIt).replace(/\\#nearForOfIt\\#/g, destIt).replace(/\\#it\\#/g, destIt).replace(/\\#nearForOfIndex\\#/g, i)))
-                            if ('${variableName}') {
+                            if (${hasVariableName} && '${variableName}') {
                               n.getAttributeNames().forEach(it => n.setAttribute(it, n.getAttribute(it).replaceAll('#${variableName}#', forOfStr)));
                             }
-                            if ('${itemVariableName}') {
+                            if (${hasItemVariableName} && '${itemVariableName}') {
                               n.getAttributeNames().forEach(it => n.setAttribute(it, n.getAttribute(it).replaceAll('#${itemVariableName}#', destIt)));
                             }
-                            if ('${itemIndexVariableName}') {
+                            if (${hasItemIndexVariableName} && '${itemIndexVariableName}') {
                               n.getAttributeNames().forEach(it => n.setAttribute(it, n.getAttribute(it).replaceAll('#${itemIndexVariableName}#', i)));
                             }
                             
+                            const hasDrOptionAttr = n.hasAttribute('${RawSet.DR_ATTR_OPTIONNAME}');
+                            if (hasDrOptionAttr) {
+                              const drOptionAttr = n.getAttribute('${RawSet.DR_ATTR_OPTIONNAME}');
+                              const drOptionAttrResult = $scriptUtils.evaluateReturn(drOptionAttr, this);
+                              Array.from(Object.entries(drOptionAttrResult??{})).forEach(([k,v])=>{
+                                if (v === null) {
+                                  n.removeAttribute(k);
+                                } else {
+                                  n.setAttribute(k,v);
+                                }
+                              })
+                            
+                            }
+                            const hasDrOptionIf = n.hasAttribute('${RawSet.DR_IF_OPTIONNAME}');
+                            if (hasDrOptionIf) {
+                              const drOptionIf = n.getAttribute('${RawSet.DR_IF_OPTIONNAME}');
+                              const e = $scriptUtils.evaluateReturn(drOptionIf, this);
+                              if(!e) {
+                                continue;
+                              }
+                            
+                            }
+                            
                             const drOptionAttr = n.getAttribute('${RawSet.DR_DETECT_ATTR_OPTIONNAME}');
                             if (drOptionAttr) {
                               const drOptionAttrResult = $scriptUtils.evaluateReturn(drOptionAttr, this);
@@ -12345,13 +11437,13 @@ ${indentStr}}`;
                             }
 
                             n.innerHTML = n.innerHTML.replace(/\\#it\\#/g, destIt).replace(/\\#index\\#/g, i);
-                            if ('${variableName}') {
+                            if (${hasVariableName} && '${variableName}') {
                               n.innerHTML = n.innerHTML.replaceAll('#${variableName}#', forOfStr);
                             }
-                            if ('${itemVariableName}') {
+                            if (${hasItemVariableName} && '${itemVariableName}') {
                               n.innerHTML = n.innerHTML.replaceAll('#${itemVariableName}#', destIt);
                             }
-                            if ('${itemIndexVariableName}') {
+                            if (${hasItemIndexVariableName} && '${itemIndexVariableName}') {
                               n.innerHTML = n.innerHTML.replaceAll('#${itemIndexVariableName}#', i);
                             }
                    
@@ -12405,7 +11497,7 @@ ${indentStr}}`;
       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 ?? ""}
@@ -12463,7 +11555,7 @@ ${indentStr}}`;
       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; 
@@ -12518,9 +11610,18 @@ ${indentStr}}`;
       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}`);
@@ -12540,7 +11641,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(
+                ObjectUtils.Script.evaluate(
                   script,
                   Object.assign(this.source.obj, {
                     __render: this.rawSet.dataSet.render
@@ -12621,7 +11722,7 @@ ${indentStr}}`;
     }
     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);
@@ -12683,7 +11784,7 @@ ${indentStr}}`;
       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; 
@@ -12805,7 +11906,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
                 }));
               }
@@ -12929,10 +12030,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 = _RawSet.expressionGroups(textContent)[0][1];
+          const __render = {
+            rawSet: this,
+            scripts: EventManager.setBindProperty(config?.scripts, obj),
+            router: config?.router,
+            range: Range2.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 = [];
@@ -12975,18 +12115,15 @@ ${indentStr}}`;
           const runText = _RawSet.expressionGroups(textContent)[0][1];
           let newNode;
           if (textContent?.startsWith("#")) {
-            const r = ObjectUtils.Script.evaluate(
-              `${__render.bindScript} return ${runText}`,
+            const r = ObjectUtils.Script.evaluateReturn(
+              { bodyScript: __render.bindScript, returnScript: runText },
               Object.assign(obj, { __render })
             );
             const template = config.window.document.createElement("template");
             template.innerHTML = r;
             newNode = template.content;
           } else {
-            const r = ObjectUtils.Script.evaluate(
-              `${__render.bindScript}  return ${runText}`,
-              Object.assign(obj, { __render })
-            );
+            const r = ObjectUtils.Script.evaluateReturn({ bodyScript: __render.bindScript, returnScript: runText }, Object.assign(obj, { __render }));
             newNode = config.window.document.createTextNode(r);
           }
           cNode.parentNode?.replaceChild(newNode, cNode);
@@ -13025,140 +12162,23 @@ ${indentStr}}`;
           };
           drAttrs.push(drAttr);
           const operators = [
-            new DrPre(
-              this,
-              __render,
-              { raws, fag },
-              { element, attrName: _RawSet.DR_PRE_NAME, attr: drAttr.drPre, attrs: drAttr },
-              { config, obj, operatorAround: config.operatorAround?.drPre },
-              { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }
-            ),
-            new Dr(
-              this,
-              __render,
-              { raws, fag },
-              { element, attrName: _RawSet.DR_NAME, attr: drAttr.dr, attrs: drAttr },
-              { config, obj, operatorAround: config.operatorAround?.dr },
-              { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }
-            ),
+            new DrPre(this, __render, { raws, fag }, { element, attrName: _RawSet.DR_PRE_NAME, attr: drAttr.drPre, attrs: drAttr }, { config, obj, operatorAround: config.operatorAround?.drPre }, { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }),
+            new Dr(this, __render, { raws, fag }, { element, attrName: _RawSet.DR_NAME, attr: drAttr.dr, attrs: drAttr }, { config, obj, operatorAround: config.operatorAround?.dr }, { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }),
             // new Dr(this, __render, {raws, fag}, {element, attrName: EventManager.onRenderedInitAttrName, attr: drAttr.dr, attrs: drAttr}, {config, obj, operatorAround: config.operatorAround?.dr}, {onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks}),
-            new DrIf(
-              this,
-              __render,
-              { raws, fag },
-              { element, attrName: _RawSet.DR_IF_NAME, attr: drAttr.drIf, attrs: drAttr },
-              { config, obj, operatorAround: config.operatorAround?.drIf },
-              { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }
-            ),
-            new DrStripElement(
-              this,
-              __render,
-              { raws, fag },
-              { element, attrName: _RawSet.DR_STRIP_NAME, attr: drAttr.drStripElement, attrs: drAttr },
-              { config, obj, operatorAround: config.operatorAround?.drThis },
-              { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }
-            ),
-            new DrThis(
-              this,
-              __render,
-              { raws, fag },
-              { element, attrName: _RawSet.DR_THIS_NAME, attr: drAttr.drThis, attrs: drAttr },
-              { config, obj, operatorAround: config.operatorAround?.drThis },
-              { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }
-            ),
-            new DrForm(
-              this,
-              __render,
-              { raws, fag },
-              { element, attrName: _RawSet.DR_FOR_NAME, attr: drAttr.drForm, attrs: drAttr },
-              { config, obj, operatorAround: config.operatorAround?.drForm },
-              { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }
-            ),
-            new DrInnerText(
-              this,
-              __render,
-              { raws, fag },
-              { element, attrName: _RawSet.DR_INNERTEXT_NAME, attr: drAttr.drInnerText, attrs: drAttr },
-              { config, obj, operatorAround: config.operatorAround?.drInnerText },
-              { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }
-            ),
-            new DrInnerHTML(
-              this,
-              __render,
-              { raws, fag },
-              { element, attrName: _RawSet.DR_INNERHTML_NAME, attr: drAttr.drInnerHTML, attrs: drAttr },
-              { config, obj, operatorAround: config.operatorAround?.drInnerHTML },
-              { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }
-            ),
-            new DrFor(
-              this,
-              __render,
-              { raws, fag },
-              { element, attrName: _RawSet.DR_FOR_NAME, attr: drAttr.drFor, attrs: drAttr },
-              { config, obj, operatorAround: config.operatorAround?.drFor },
-              { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }
-            ),
-            new DrForOf(
-              this,
-              __render,
-              { raws, fag },
-              { element, attrName: _RawSet.DR_FOR_OF_NAME, attr: drAttr.drForOf, attrs: drAttr },
-              { config, obj, operatorAround: config.operatorAround?.drForOf },
-              { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }
-            ),
-            new DrThisProperty(
-              this,
-              __render,
-              { raws, fag },
-              { element, attrName: _RawSet.DR_THIS_PROPERTY_NAME, attr: drAttr.drThisProperty, attrs: drAttr },
-              { config, obj, operatorAround: config.operatorAround?.drThisProperty },
-              { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }
-            ),
-            new DrAppender(
-              this,
-              __render,
-              { raws, fag },
-              { element, attrName: _RawSet.DR_APPENDER_NAME, attr: drAttr.drAppender, attrs: drAttr },
-              { config, obj, operatorAround: config.operatorAround?.drAppender },
-              { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }
-            ),
-            new DrRepeat(
-              this,
-              __render,
-              { raws, fag },
-              { element, attrName: _RawSet.DR_REPEAT_NAME, attr: drAttr.drRepeat, attrs: drAttr },
-              { config, obj, operatorAround: config.operatorAround?.drRepeat },
-              { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }
-            ),
-            new DrTargetElementIsElement(
-              this,
-              __render,
-              { raws, fag },
-              {
-                element,
-                attrName: _RawSet.DR_REPLACE_TARGET_ELEMENT_IS_NAME,
-                attr: drAttr.drReplaceTargetElementIs,
-                attrs: drAttr
-              },
-              { config, obj },
-              { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }
-            ),
-            new DrTargetElement(
-              this,
-              __render,
-              { raws, fag },
-              { element, attrs: drAttr },
-              { config, obj },
-              { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }
-            ),
-            new DrTargetAttr(
-              this,
-              __render,
-              { raws, fag },
-              { element, attrs: drAttr },
-              { config, obj },
-              { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }
-            )
+            new DrIf(this, __render, { raws, fag }, { element, attrName: _RawSet.DR_IF_NAME, attr: drAttr.drIf, attrs: drAttr }, { config, obj, operatorAround: config.operatorAround?.drIf }, { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }),
+            new DrStripElement(this, __render, { raws, fag }, { element, attrName: _RawSet.DR_STRIP_NAME, attr: drAttr.drStripElement, attrs: drAttr }, { config, obj, operatorAround: config.operatorAround?.drThis }, { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }),
+            new DrThis(this, __render, { raws, fag }, { element, attrName: _RawSet.DR_THIS_NAME, attr: drAttr.drThis, attrs: drAttr }, { config, obj, operatorAround: config.operatorAround?.drThis }, { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }),
+            new DrForm(this, __render, { raws, fag }, { element, attrName: _RawSet.DR_FOR_NAME, attr: drAttr.drForm, attrs: drAttr }, { config, obj, operatorAround: config.operatorAround?.drForm }, { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }),
+            new DrInnerText(this, __render, { raws, fag }, { element, attrName: _RawSet.DR_INNERTEXT_NAME, attr: drAttr.drInnerText, attrs: drAttr }, { config, obj, operatorAround: config.operatorAround?.drInnerText }, { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }),
+            new DrInnerHTML(this, __render, { raws, fag }, { element, attrName: _RawSet.DR_INNERHTML_NAME, attr: drAttr.drInnerHTML, attrs: drAttr }, { config, obj, operatorAround: config.operatorAround?.drInnerHTML }, { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }),
+            new DrFor(this, __render, { raws, fag }, { element, attrName: _RawSet.DR_FOR_NAME, attr: drAttr.drFor, attrs: drAttr }, { config, obj, operatorAround: config.operatorAround?.drFor }, { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }),
+            new DrForOf(this, __render, { raws, fag }, { element, attrName: _RawSet.DR_FOR_OF_NAME, attr: drAttr.drForOf, attrs: drAttr }, { config, obj, operatorAround: config.operatorAround?.drForOf }, { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }),
+            new DrThisProperty(this, __render, { raws, fag }, { element, attrName: _RawSet.DR_THIS_PROPERTY_NAME, attr: drAttr.drThisProperty, attrs: drAttr }, { config, obj, operatorAround: config.operatorAround?.drThisProperty }, { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }),
+            new DrAppender(this, __render, { raws, fag }, { element, attrName: _RawSet.DR_APPENDER_NAME, attr: drAttr.drAppender, attrs: drAttr }, { config, obj, operatorAround: config.operatorAround?.drAppender }, { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }),
+            new DrRepeat(this, __render, { raws, fag }, { element, attrName: _RawSet.DR_REPEAT_NAME, attr: drAttr.drRepeat, attrs: drAttr }, { config, obj, operatorAround: config.operatorAround?.drRepeat }, { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }),
+            new DrTargetElementIsElement(this, __render, { raws, fag }, { element, attrName: _RawSet.DR_REPLACE_TARGET_ELEMENT_IS_NAME, attr: drAttr.drReplaceTargetElementIs, attrs: drAttr }, { config, obj }, { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }),
+            new DrTargetElement(this, __render, { raws, fag }, { element, attrs: drAttr }, { config, obj }, { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks }),
+            new DrTargetAttr(this, __render, { raws, fag }, { element, attrs: drAttr }, { config, obj }, { onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks })
           ];
           for (const operator of operators) {
             const state = await operator.start();
@@ -13221,6 +12241,7 @@ ${indentStr}}`;
           }
         });
       }
+      console.groupEnd();
       return { raws, executedOperators };
     }
     // 중요 스타일 적용 부분
@@ -13339,7 +12360,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]
               }));
@@ -13349,20 +12370,22 @@ ${indentStr}}`;
             }
             const targetElementIs = element2.getAttribute(_RawSet.DR_REPLACE_TARGET_ELEMENT_IS_NAME);
             const targetElementNames = config.targetElements?.map((it) => it.name.toLowerCase()) ?? [];
+            targetElementNames.push(..._RawSet.DR_ELEMENTS);
             const isElement = targetElementNames.includes(element2.tagName.toLowerCase()) || targetElementNames.includes(targetElementIs?.toLowerCase());
             const targetAttrNames = (config.targetAttrs?.map((it) => it.name) ?? []).concat([..._RawSet.DR_ATTRIBUTES]);
             const normalAttrs = /* @__PURE__ */ new Map();
             const linkVariables = /* @__PURE__ */ new Map();
             const linkNames = EventManager.linkAttrs.map((it) => it.name);
             const isAttr = element2.getAttributeNames().filter((it) => !EventManager.noDetectAttr.includes(it)).filter((it) => {
-              const value = element2.getAttribute(it);
+              const value = element2.getAttribute(it)?.trim();
               if (value && linkNames.includes(it)) {
                 linkVariables.set(it, value);
               } else if (value && _RawSet.isExpression(value)) {
                 const variablePaths = _RawSet.expressionGroups(value).map((it2) => ({
-                  origin: it2[0],
-                  inner: it2[1]
+                  origin: it2[0].trim(),
+                  inner: it2[1].trim()
                 }));
+                const isStringTemplate = variablePaths.length > 1 || variablePaths[0] && variablePaths[0].origin !== value;
                 let targetScript = value;
                 variablePaths.forEach((it2) => {
                   let r3 = it2.inner.replace(/#[^#]*#/g, "({})");
@@ -13375,7 +12398,7 @@ ${indentStr}}`;
                 } else {
                   element2.setAttribute(it, cval);
                 }
-                normalAttrs.set(it, { originalAttrValue: value, variablePaths });
+                normalAttrs.set(it, { originalAttrValue: value, variablePaths, isStringTemplate });
               }
               const isTargetAttr = targetAttrNames.includes(it.toLowerCase());
               return isTargetAttr;
@@ -13446,7 +12469,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;
@@ -13455,6 +12479,7 @@ ${indentStr}}`;
           const startEndPoint = _RawSet.createStartEndPoint({ node: element2, id: uuid, type: elementType }, config);
           const targetElementIs = element2.getAttribute(_RawSet.DR_REPLACE_TARGET_ELEMENT_IS_NAME);
           const targetElementNames = config.targetElements?.map((it) => it.name.toLowerCase()) ?? [];
+          targetElementNames.push(..._RawSet.DR_ELEMENTS);
           const isElement = targetElementNames.includes(element2.tagName.toLowerCase()) || targetElementNames.includes(targetElementIs?.toLowerCase());
           const targetAttrNames = (config.targetAttrs?.map((it) => it.name) ?? []).concat(_RawSet.DR_ATTRIBUTES);
           const isAttr = element2.getAttributeNames().filter((it) => targetAttrNames.includes(it.toLowerCase())).length > 0;
@@ -13817,9 +12842,11 @@ ${indentStr}}`;
       if (templateReplacements.length > 0) {
         targetElement.innerHTML = StringUtils.replaceSequentially(targetElement.innerHTML, templateReplacements);
       }
+      const componentName = targetElement.getAttribute(_RawSet.DR_VARIABLE_NAME_OPTIONNAME) ?? "component";
       const optionThisName = targetElement.getAttribute(_RawSet.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);
       }
@@ -13993,7 +13020,8 @@ ${indentStr}}`;
           );
           if (data && innerHTMLThisRandom) {
             const template2 = config.window.document.createElement("template");
-            template2.innerHTML = ElementUtils.toInnerHTML(data, { document: config.window.document }).replace(RegExp(innerHTMLThisRandom, "g"), "this.");
+            let s = ElementUtils.toInnerHTML(data, { document: config.window.document });
+            template2.innerHTML = s.replace(RegExp(innerHTMLThisRandom, "g"), "this.");
             ;
             data = template2.content;
           }
@@ -14033,22 +13061,17 @@ ${indentStr}}`;
         new Map(JSON.parse(normalAttribute)).forEach((v, k) => {
           const variablePaths = v.variablePaths;
           let targetScript = v.originalAttrValue.trim();
-          let checktargetScript = v.originalAttrValue.trim();
-          variablePaths.forEach((it) => {
-            checktargetScript = targetScript.replaceAll(it.origin, "");
-          });
-          let isScriptValue = checktargetScript.length === 0 && variablePaths.length === 1;
-          if (isScriptValue) {
-            let r = ObjectUtils.Path.toOptionalChainPath(variablePaths[0].inner);
-            targetScript = targetScript.replaceAll(variablePaths[0].origin, r);
-          } else {
+          if (v.isStringTemplate) {
             variablePaths.forEach((it) => {
               let r = ObjectUtils.Path.toOptionalChainPath(it.inner);
               targetScript = targetScript.replaceAll(it.origin, `\${${r}}`);
             });
+          } else {
+            let r = ObjectUtils.Path.toOptionalChainPath(variablePaths[0].inner);
+            targetScript = targetScript.replaceAll(variablePaths[0].origin, r);
           }
           const cval = ObjectUtils.Script.evaluateReturn(
-            { bodyScript: config.script, returnScript: isScriptValue ? targetScript : "`" + targetScript + "`" },
+            { bodyScript: config.script, returnScript: v.isStringTemplate ? "`" + targetScript + "`" : targetScript },
             Object.assign(config.obj, config.renderData ? { __render: config.renderData } : void 0)
           );
           attribute2[k] = cval;
@@ -14072,6 +13095,8 @@ ${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";
+  // elementName
+  _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";
@@ -14138,6 +13163,9 @@ ${indentStr}}`;
   // public static readonly DR_REPLACE_ACTION_ATTRIBUTES = [
   //   RawSet.DR_REPLACE_TARGET_ELEMENT_IS_NAME
   // ]
+  _RawSet.DR_ELEMENTS = [
+    _RawSet.DR_TARGET_ELEMENT_ELEMENTNAME
+  ];
   _RawSet.DR_ATTRIBUTES = [
     _RawSet.DR_NAME,
     _RawSet.DR_APPENDER_NAME,
@@ -14151,7 +13179,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;
@@ -14159,17 +13187,10 @@ ${indentStr}}`;
   // src/decorators/DomRenderNoProxy.ts
   var DomRenderNoProxyKey = "DomRender:NoProxy";
   var DomRenderNoProxy = (target, propertyKey) => {
-    if (propertyKey === void 0) {
-      Reflect.defineMetadata(DomRenderNoProxyKey, true, target);
-      return;
-    }
-    Reflect.defineMetadata(DomRenderNoProxyKey, true, target, propertyKey);
+    ReflectUtils.defineMetadata(DomRenderNoProxyKey, true, target, propertyKey);
   };
   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;
@@ -14193,6 +13214,11 @@ ${indentStr}}`;
     return typeof obj?.onRawSetRendered === "function";
   };
 
+  // src/lifecycle/OnChildRawSetRendered.ts
+  var isOnChildRawSetRendered = (obj) => {
+    return typeof obj?.onChildRawSetRendered === "function";
+  };
+
   // src/DomRenderProxy.ts
   var excludeGetSetPropertys = [
     "onBeforeReturnGet",
@@ -14230,12 +13256,12 @@ ${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;
       this._domRender_ref = /* @__PURE__ */ new Map();
       this._rawSets = /* @__PURE__ */ new Map();
-      // public _firstTarget: Node;
       this._targets = /* @__PURE__ */ new Set();
       if (target) {
         this._targets.add(target);
@@ -14319,7 +13345,7 @@ ${indentStr}}`;
         const onInit = target.getAttribute?.(RawSet.DR_ON_INIT_ARGUMENTS_OPTIONNAME);
         let initParam;
         if (onCreate) {
-          initParam = ScriptUtils.evaluateReturn(onCreate, this._domRender_proxy);
+          initParam = ObjectUtils.Script.evaluateReturn(onCreate, this._domRender_proxy);
         }
         if (isOnInitRender(this._domRender_proxy)) {
           await this._domRender_proxy.onInitRender(
@@ -14348,46 +13374,65 @@ ${indentStr}}`;
       }
       const removeRawSets = [];
       const rawSets = raws ?? this.getRawSets();
-      for (const it of rawSets) {
-        it.getUsingTriggerVariables(this._domRender_config).forEach((path) => {
-          this.addRawSet(path, 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 === "TARGET_ELEMENT" /* TARGET_ELEMENT */ && it.dataSet?.render?.currentThis && fullPathStr && targetAttrMap) {
-            new Map(JSON.parse(targetAttrMap)).forEach((v, k) => {
-              var _a2;
-              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 })
-                });
-                (_a2 = it.dataSet).render ?? (_a2.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 promises = chunk.map(async (it) => {
+          it.getUsingTriggerVariables(this._domRender_config).forEach((path) => {
+            this.addRawSet(path, 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 === "TARGET_ELEMENT" /* TARGET_ELEMENT */ && it.dataSet?.render?.currentThis && fullPathStr && targetAttrMap) {
+              const attrStart = performance.now();
+              new Map(JSON.parse(targetAttrMap)).forEach((v, k) => {
+                var _a2;
+                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 })
+                  });
+                  (_a2 = it.dataSet).render ?? (_a2.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(promises);
+        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);
       }
@@ -14402,12 +13447,15 @@ ${indentStr}}`;
     //   return current;
     // }
     root(pathInfos, value, lastDoneExecute = true) {
+      const rootStartTime = Date.now();
+      const pathKey = pathInfos.flat().map((i) => i.path).join(".");
       const fullPaths = [];
       if (this._domRender_ref.size > 0) {
         this._domRender_ref.forEach((it, key) => {
           if ("_DomRender_isProxy" in key) {
             it.forEach((sit) => {
               try {
+                const recursiveStartTime = Date.now();
                 const concat2 = pathInfos.concat([[{ path: sit, obj: key }]]);
                 const items = key._DomRender_proxy?.root(
                   concat2,
@@ -14421,6 +13469,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) {
@@ -14428,10 +13477,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 path = "this" + front;
-          const data = ScriptUtils.evaluateReturn(ObjectUtils.Path.toOptionalChainPath(path), this._domRender_proxy);
+          const data = ObjectUtils.Script.evaluateReturn(ObjectUtils.Path.toOptionalChainPath(path), 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) => {
@@ -14473,6 +13525,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) {
@@ -14481,13 +13534,17 @@ ${indentStr}}`;
             } else if (iterable) {
               rData = await this.render(Array.from(iterable), fullPathStr);
             }
+            const eventProcessStartTime = Date.now();
             const Node2 = this._domRender_config.window.Node;
             this._targets.forEach((it) => {
               if (it.nodeType === Node2.DOCUMENT_FRAGMENT_NODE || it.nodeType === Node2.ELEMENT_NODE) {
+                const findAttrStartTime = Date.now();
                 const targets = this._domRender_config.eventManager.findAttrElements(
                   it,
                   this._domRender_config
                 );
+                const targetCount = targets?.size || targets?.length || 0;
+                const changeVarStartTime = Date.now();
                 this._domRender_config.eventManager.changeVar(
                   this._domRender_proxy,
                   targets,
@@ -14497,7 +13554,7 @@ ${indentStr}}`;
               }
             });
             if (rData?.length > 0 && isOnChildRenderedByProperty(data)) {
-              const propertyValue = ScriptUtils.evaluateReturn(`this.${lastPropertyName}`, data);
+              const propertyValue = ObjectUtils.Script.evaluateReturn(`this.${lastPropertyName}`, data);
               data.onChildRenderedByProperty(lastPropertyName, propertyValue);
             }
             resolve(rData);
@@ -14513,6 +13570,7 @@ ${indentStr}}`;
         target[p] = value;
         return true;
       }
+      let start = performance.now();
       if (typeof p === "string") {
         value = this.proxy(receiver, value, p);
       }
@@ -14535,14 +13593,23 @@ ${indentStr}}`;
           }).forEach((it) => {
             const variablePaths = it.valueScript.variablePaths;
             let targetScript = it.valueScript.originalAttrValue;
-            variablePaths.forEach((it2) => {
-              let r = ObjectUtils.Path.toOptionalChainPath(it2.inner);
-              targetScript = targetScript.replaceAll(it2.origin, `\${${r}}`);
-            });
-            const value1 = ObjectUtils.Script.evaluateReturn("`" + targetScript + "`", it.pathInfo.obj);
-            if (value1 === null) {
+            let script;
+            if (it.valueScript.isStringTemplate) {
+              variablePaths.forEach((it2) => {
+                let r = ObjectUtils.Path.toOptionalChainPath(it2.inner);
+                targetScript = targetScript.replaceAll(it2.origin, `\${${r}}`);
+              });
+              script = "`" + targetScript + "`";
+            } else {
+              variablePaths.forEach((it2) => {
+                let r = ObjectUtils.Path.toOptionalChainPath(it2.inner);
+                targetScript = targetScript.replaceAll(it2.origin, `${r}`);
+              });
+              script = targetScript;
+            }
+            const value1 = ObjectUtils.Script.evaluateReturn(script, it.pathInfo.obj);
+            if (value1 === null || value1 === void 0) {
               elementInfo.element.removeAttribute(it.key);
-              elementInfo.element[it.key] = null;
             } else {
               elementInfo.element.setAttribute(it.key, value1);
               elementInfo.element[it.key] = value1;
@@ -14552,11 +13619,11 @@ ${indentStr}}`;
       );
       DocumentUtils.querySelectorAllByAttributeName(rootElement, EventManager.linkTargetMapAttrName)?.forEach(
         (elementInfo) => {
-          const targets = new Map(ScriptUtils.evaluateReturn(elementInfo.value));
+          const targets = new Map(ObjectUtils.Script.evaluateReturn(elementInfo.value));
           Array.from(targets.entries()).filter(([key, value2]) => value2.trim()).filter(isDefined).flatMap(([key, valueScript]) => {
             return fullPathInfo.flat().filter((it) => valueScript.includes(`this.${it.path}`)).flatMap((it) => ({ key, valueScript, pathInfo: it }));
           }).forEach((info) => {
-            const value1 = ScriptUtils.evaluateReturn(info.valueScript, info.pathInfo.obj);
+            const value1 = ObjectUtils.Script.evaluateReturn(info.valueScript, info.pathInfo.obj);
             const applyAttributeName = EventManager.linkAttrs.find((it) => it.name === info.key);
             if (applyAttributeName) {
               if (value1 === null) {
@@ -14713,11 +13780,13 @@ ${indentStr}}`;
       let routeData;
       if (config?.firstUrl) {
         const path = config.firstUrl.split("?");
+        const urlSearchParams = new URLSearchParams(path[1] ?? "");
         routeData = {
           url: config.firstUrl,
           path: path[0],
-          searchParams: new URLSearchParams(path[1] ?? ""),
+          searchParams: urlSearchParams,
           router: this,
+          search: urlSearchParams.size > 0 ? `?${urlSearchParams.toString()}` : "",
           triggerPoint: "end"
         };
         this.behaviorSubject = new BehaviorSubject(routeData);
@@ -14770,31 +13839,30 @@ ${indentStr}}`;
       }
     }
     getRouteData(config) {
-      let path = "";
-      let url = "";
+      let path = this.getPathName();
+      let url = this.getUrl();
+      let searchParams = this.getSearchParams();
+      let search = this.getSearch();
       if (config?.pathOrUrl) {
-        let isUrl = false;
-        try {
-          new URL(config.pathOrUrl);
-          isUrl = true;
-        } catch {
-          isUrl = false;
-        }
-        if (isUrl) {
-          const u = new URL(config.pathOrUrl);
-          path = u.pathname;
-          url = u.pathname + u.search;
+        const paths = config.pathOrUrl.split("?");
+        search = paths[1] ? `?${paths[1]}` : "";
+        searchParams = new URLSearchParams(search);
+        const firstUrl = paths[0];
+        if (ValidUtils.isUrl(firstUrl)) {
+          path = new URL(firstUrl).pathname;
         } else {
-          path = config.pathOrUrl.split("?")[0];
+          path = firstUrl;
         }
-      } else {
-        path = this.getPathName();
-        url = this.getUrl();
+        url = config.pathOrUrl;
       }
       const newVar = {
         path,
         url,
-        searchParams: this.getSearchParams()
+        searchParams,
+        // 이렇게 하면 진짜 문자열이 변형이 될수 있다 따라서 그냥 문자열 자른 원본을넣어줘야한다
+        // search: searchParams.size > 0 ? `?${searchParams.toString()}` : '',
+        search,
+        router: this
       };
       const data = this.getData();
       if (data) {
@@ -14806,7 +13874,6 @@ ${indentStr}}`;
           newVar.pathData = data2;
         }
       }
-      newVar.router = this;
       return Object.freeze(newVar);
     }
     pushState(data, title, path) {
@@ -14857,7 +13924,6 @@ ${indentStr}}`;
       }
     }
     toUrl(data) {
-      console.log("toUrl", data);
       let targetPath;
       if (typeof data === "string") {
         targetPath = data;
@@ -14868,6 +13934,10 @@ ${indentStr}}`;
       }
       return targetPath;
     }
+    reload() {
+      const currentUrl = this.getUrl();
+      this.replace(currentUrl);
+    }
   };
 
   // src/routers/PathRouter.ts
@@ -14935,6 +14005,9 @@ ${indentStr}}`;
     getPathName() {
       return this.config.window.location?.pathname ?? "/";
     }
+    getSearch() {
+      return this.config.window.location?.search ?? "";
+    }
     getHashSearchParams(data) {
       const searchParams = new URLSearchParams(this.config.window.location?.hash.slice(1) ?? "");
       data?.delete?.forEach((it) => {
@@ -15016,6 +14089,9 @@ ${indentStr}}`;
     getPathName() {
       return LocationUtils.hashPath(this.config.window) || "/";
     }
+    getSearch() {
+      return LocationUtils.hashSearch(this.config.window);
+    }
     getHashSearchParams(data) {
       const hash = this.config.window.location.hash;
       const queryIndex = hash.indexOf("?");
@@ -15238,6 +14314,41 @@ ${indentStr}}`;
     };
   }
 
+  // ../core/dist/esm/message/operators/bufferTime.js
+  function bufferTime(bufferTimeSpan) {
+    return (source) => {
+      return new Observable((subscriber) => {
+        let buffer = [];
+        const intervalId = setInterval(() => {
+          if (buffer.length > 0) {
+            subscriber.next(buffer);
+            buffer = [];
+          }
+        }, bufferTimeSpan);
+        const sourceSubscription = source.subscribe({
+          next: (value) => {
+            buffer.push(value);
+          },
+          error: (err) => {
+            subscriber.error(err);
+            clearInterval(intervalId);
+          },
+          complete: () => {
+            if (buffer.length > 0) {
+              subscriber.next(buffer);
+            }
+            subscriber.complete();
+            clearInterval(intervalId);
+          }
+        });
+        return () => {
+          sourceSubscription.unsubscribe();
+          clearInterval(intervalId);
+        };
+      });
+    };
+  }
+
   // src/components/ComponentBase.ts
   var __decorate = function(decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -15285,6 +14396,8 @@ ${indentStr}}`;
       this._eventBindings = [];
       this._refreshTimers = /* @__PURE__ */ new Map();
       this.childrenSetSubject = new Subject();
+      this.onRawSetRenderedOtherDataSubject = new Subject();
+      this.onChildRawSetRenderedOtherDataSubject = new Subject();
     }
     get componentConfig() {
       return this._config;
@@ -15452,6 +14565,7 @@ ${indentStr}}`;
       this._refreshTimers.clear();
     }
     async onRawSetRendered(rawSet, otherData) {
+      this.onRawSetRenderedOtherDataSubject.next(otherData);
       const queries = ReflectUtils.getMetadata(QUERY_METADATA_KEY, this.constructor);
       if (queries) {
         queries.filter((it) => it.refreshRawSetRendered).forEach((queryInfo) => {
@@ -15465,6 +14579,9 @@ ${indentStr}}`;
         });
       }
     }
+    async onChildRawSetRendered() {
+      this.onChildRawSetRenderedOtherDataSubject.next();
+    }
     /**
      * Manually refresh all query and event decorators
      * Useful when DOM elements are dynamically added/removed and you want to update bindings
@@ -15567,6 +14684,17 @@ ${indentStr}}`;
         }
       }
     }
+    getAttributeNames(attribute2 = this._attribute) {
+      const target = attribute2;
+      if (!target)
+        return [];
+      const keys = Object.keys(target);
+      const names = /* @__PURE__ */ new Set();
+      for (const k of keys) {
+        names.add(k);
+      }
+      return Array.from(names);
+    }
     getAttribute(name, attribute2 = this._attribute) {
       const target = attribute2;
       if (!target) {
@@ -15645,6 +14773,10 @@ ${indentStr}}`;
     }
     onCreatedThisChildDebounce(childrenSet) {
     }
+    onRawSetRenderedDebounce(childrenSet) {
+    }
+    onChildRawSetRenderedDebounce() {
+    }
     onCreateRenderData(data) {
       this._render = data.render;
       if (data.render?.rawSet) {
@@ -15658,7 +14790,7 @@ ${indentStr}}`;
       }
     }
     onChangeAttrRender(name, value, other) {
-      if (other.rawSet) {
+      if (other?.rawSet) {
         this.setRawSet(other.rawSet);
       }
       const attributes = ReflectUtils.getMetadata(ATTRIBUTE_METADATA_KEY, this.constructor);
@@ -15682,6 +14814,12 @@ ${indentStr}}`;
       this.createChildrenDebounceSubscription = this.childrenSetSubject.pipe(debounceTime(this.componentConfig?.createChildrenDebounce ?? 0)).subscribe((it) => {
         this.onCreatedThisChildDebounce(it);
       });
+      this.onRawSetRenderedOtherDataSubjectSubscription = this.onRawSetRenderedOtherDataSubject.pipe(bufferTime(this.componentConfig?.onRawSetRenderedOtherDataDebounce ?? 0)).subscribe((it) => {
+        this.onRawSetRenderedDebounce(it);
+      });
+      this.onChildRawSetRenderedOtherDataSubjectSubscription = this.onChildRawSetRenderedOtherDataSubject.pipe(debounceTime(this.componentConfig?.onChildRawSetRenderedOtherDataDebounce ?? 0)).subscribe((it) => {
+        this.onChildRawSetRenderedDebounce();
+      });
       if (rawSet) {
         this.setRawSet(rawSet);
         const e = this.getElement();
@@ -15706,6 +14844,8 @@ ${indentStr}}`;
       this._cleanupEventBindings();
       this._clearAllRefreshTimers();
       this.createChildrenDebounceSubscription?.unsubscribe();
+      this.onRawSetRenderedOtherDataSubjectSubscription?.unsubscribe();
+      this.onChildRawSetRenderedOtherDataSubjectSubscription?.unsubscribe();
     }
   };
   __decorate([
@@ -15748,6 +14888,22 @@ ${indentStr}}`;
     DomRenderNoProxy,
     __metadata("design:type", Object)
   ], ComponentBase.prototype, "createChildrenDebounceSubscription", void 0);
+  __decorate([
+    DomRenderNoProxy,
+    __metadata("design:type", Object)
+  ], ComponentBase.prototype, "onRawSetRenderedOtherDataSubject", void 0);
+  __decorate([
+    DomRenderNoProxy,
+    __metadata("design:type", Object)
+  ], ComponentBase.prototype, "onChildRawSetRenderedOtherDataSubject", void 0);
+  __decorate([
+    DomRenderNoProxy,
+    __metadata("design:type", Object)
+  ], ComponentBase.prototype, "onRawSetRenderedOtherDataSubjectSubscription", void 0);
+  __decorate([
+    DomRenderNoProxy,
+    __metadata("design:type", Object)
+  ], ComponentBase.prototype, "onChildRawSetRenderedOtherDataSubjectSubscription", void 0);
 
   // src/components/router/RouterOutlet.ts
   var RouterOutlet;
@@ -15757,18 +14913,27 @@ ${indentStr}}`;
       constructor() {
         super(...arguments);
         this.if = null;
+        this.sw = false;
       }
       setValue(value) {
-        this.value = value;
+        this.sw = false;
+        setTimeout(() => {
+          this.value = value;
+        }, 0);
+        setTimeout(() => {
+          this.sw = true;
+        }, 0);
       }
       async onInitRender(param, rawSet) {
         await super.onInitRender(param, rawSet);
         const c = this.getParentThis();
         const userValue = this.getAttribute("value");
-        if (userValue) {
-          this.value = userValue;
-        } else if (c instanceof ComponentRouterBase) {
-          this.value = c.child;
+        if (typeof userValue === "string") {
+          this.setValue(c[userValue]);
+        } else if (userValue instanceof ComponentSet) {
+          this.setValue(userValue);
+        } else if (!userValue && c instanceof ComponentRouterBase) {
+          this.setValue(c.child);
         }
       }
       onDestroyRender(data) {
@@ -15777,7 +14942,7 @@ ${indentStr}}`;
       onChangeAttrRender(name, value, other) {
         super.onChangeAttrRender(name, value, other);
         if (this.equalsAttributeName(name, "value")) {
-          this.value = value;
+          this.setValue(value);
         }
         if (this.equalsAttributeName(name, "if")) {
           this.if = value;
@@ -15785,6 +14950,9 @@ ${indentStr}}`;
         if (this.equalsAttributeName(name, "createArguments")) {
           this.createArguments = value;
         }
+        if (this.childObject && this.childRawSet && isOnChangeAttrRender(this.childObject)) {
+          this.childObject.onChangeAttrRender(name, value, { rawSet: this.childRawSet });
+        }
       }
       onCreatedThisChild(child, data) {
         super.onCreatedThisChild(child, data);
@@ -15797,9 +14965,22 @@ ${indentStr}}`;
         }
         this.getAttribute("onCreatedDebounce")?.(this.value?.obj);
       }
-      created(component) {
-        component ?? (component = this.value?.obj);
-        this.getAttribute("onCreated")?.(component);
+      onCreateDrThis($component, $rawSet) {
+        this.childObject = $component ?? ($component = this.value?.obj);
+        this.childRawSet = $rawSet;
+        if ($component) {
+          this.getAttribute("onCreated")?.($component);
+          if (isOnChangeAttrRender($component)) {
+            this.getAttributeNames().filter((it) => it.startsWith("attribute-")).forEach((it) => {
+              var _a2;
+              const attrName = it.replace(/^attribute-/, "");
+              const attrValue = this.getAttribute(it);
+              (_a2 = $rawSet.dataSet.render).attribute ?? (_a2.attribute = {});
+              $rawSet.dataSet.render.attribute[attrName] = attrValue;
+              $component.onChangeAttrRender(attrName, attrValue, { rawSet: $rawSet });
+            });
+          }
+        }
       }
     }
     _RouterOutlet.RouterOutlet = RouterOutlet2;
@@ -15809,7 +14990,11 @@ ${indentStr}}`;
     routerOutlet: (config, executer) => {
       return RawSet.createComponentTargetElement({
         name: RouterOutlet.selector,
-        template: '<div dr-this="@this@.value" dr-detect-option-if="@this@?.value && @this@?.if" dr-option-strip="true" dr-on-create:arguments="@this@.createArguments" dr-on-create:callback="@this@?.created?.($component)">#innerHTML#</div>',
+        template: `
+        <dr-if value="\${@this@.sw}$">
+            <div dr-this="@this@.value" dr-detect-option-if="@this@?.value && @this@?.if" dr-option-strip="true" dr-on-create:arguments="@this@.createArguments" dr-on-create:callback="@this@?.onCreateDrThis?.($component, $rawSet)">#innerHTML#</div>
+        </dr-if>
+        `,
         objFactory: (e, o, r2, counstructorParam) => {
           return executer?.run({ rootObject: new RouterOutlet.RouterOutlet(...counstructorParam), config });
         }
@@ -15869,6 +15054,7 @@ ${indentStr}}`;
         this.target = null;
         this.style = null;
         this.classAttr = null;
+        this.drClass = null;
         this.click = null;
         this.replace = false;
         this.scrollToTop = true;
@@ -15893,6 +15079,21 @@ ${indentStr}}`;
           this.domRenderConfig?.router?.go({ path: this.href, replace: this.replace, scrollToTop: this.scrollToTop });
         }
       }
+      onChangeAttrRender(name, value, other) {
+        super.onChangeAttrRender(name, value, other);
+        if (this.element && name.startsWith("attribute-")) {
+          this.element.setAttribute(name, value);
+        }
+      }
+      onAElementInit($element) {
+        this.element = $element;
+        this.getAttribute("onInit")?.($element);
+        this.getAttributeNames().filter((it) => it.startsWith("attribute-")).forEach((it) => {
+          const attrName = it.replace(/^attribute-/, "");
+          const attrValue = this.getAttribute(it);
+          this.element.setAttribute(attrName, attrValue);
+        });
+      }
     }
     __decorate2([
       attribute({ converter: (v) => v || null }),
@@ -15910,6 +15111,10 @@ ${indentStr}}`;
       attribute({ name: "class", converter: (v) => v || null }),
       __metadata2("design:type", String)
     ], A2.prototype, "classAttr", void 0);
+    __decorate2([
+      attribute({ name: "dr-class", converter: (v) => v || null }),
+      __metadata2("design:type", String)
+    ], A2.prototype, "drClass", void 0);
     __decorate2([
       attribute(),
       __metadata2("design:type", Function)
@@ -15934,6 +15139,8 @@ ${indentStr}}`;
         style="\${@this@.style}$"
         class="\${@this@.classAttr}$"
         dr-event-click="@this@.onClick($event)"
+        dr-class="\${@this@.drClass}$"
+        dr-on-init="@this@.onAElementInit($element)"
       >#innerHTML#</a>`,
         objFactory: (e, o, r2, constructorParam) => {
           return DomRender.run({ rootObject: new A.A(...constructorParam), config });
@@ -15943,10 +15150,23 @@ ${indentStr}}`;
   };
 
   // src/components/appender/Appender.ts
+  var __decorate3 = function(decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+  };
+  var __metadata3 = function(k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+  };
   var Appender;
-  ((_Appender) => {
-    _Appender.selector = "dr-appender";
+  (function(Appender_1) {
+    Appender_1.selector = "dr-appender";
     class Appender3 extends ComponentBase {
+      constructor() {
+        super(...arguments);
+        this.drOptionItemVariableName = null;
+      }
       // onCreateRender(...param: any) {
       //   console.log('--onCreateRender')
       // }
@@ -15976,13 +15196,17 @@ ${indentStr}}`;
         }
       }
     }
-    _Appender.Appender = Appender3;
+    __decorate3([
+      attribute({ name: "dr-option-item-variable-name", converter: (v) => v || null }),
+      __metadata3("design:type", String)
+    ], Appender3.prototype, "drOptionItemVariableName", void 0);
+    Appender_1.Appender = Appender3;
   })(Appender || (Appender = {}));
   var Appender_default = {
     appender: (config) => {
       return RawSet.createComponentTargetElement({
         name: Appender.selector,
-        template: '<div dr-appender="@this@.value" dr-option-strip="true">#innerHTML#</div>',
+        template: '<div dr-appender="@this@.value" dr-option-item-variable-name="${@this@.drOptionItemVariableName}$" dr-option-strip="true">#innerHTML#</div>',
         objFactory: (e, o, r2, counstructorParam) => {
           return DomRender.run({ rootObject: new Appender.Appender(...counstructorParam), config });
         }
@@ -16232,6 +15456,11 @@ ${indentStr}}`;
         if (toggleAttribute) {
           toggleAttribute?.(element.open);
         }
+        if (element.open) {
+          this.getAttribute("onOpen")?.();
+        } else {
+          this.getAttribute("onClose")?.();
+        }
       }
       async onInitRender(param, rawSet) {
         await super.onInitRender(param, rawSet);
@@ -16352,7 +15581,7 @@ ${indentStr}}`;
   // src/components/forOf/ForOf.ts
   var ForOf;
   ((_ForOf) => {
-    _ForOf.selector = "System:ForOf";
+    _ForOf.selector = "dr-for-of";
     class ForOf2 extends ComponentBase {
       onChangeAttrRender(name, value, other) {
         super.onChangeAttrRender(name, value, other);
@@ -16363,6 +15592,17 @@ ${indentStr}}`;
     }
     _ForOf.ForOf = ForOf2;
   })(ForOf || (ForOf = {}));
+  var ForOf_default = {
+    forOf: (config) => {
+      return RawSet.createComponentTargetElement({
+        name: ForOf.selector,
+        template: '<div dr-for-of="@this@.value" >#innerHTML#</div>',
+        objFactory: (e, o, r2, counstructorParam) => {
+          return DomRender.run({ rootObject: new ForOf.ForOf(...counstructorParam), config });
+        }
+      });
+    }
+  };
 
   // src/components/if/If.ts
   var If;
@@ -16389,7 +15629,7 @@ ${indentStr}}`;
     if: (config) => {
       return RawSet.createComponentTargetElement({
         name: If.selector,
-        template: '<div dr-if="@this@.sw" >#innerHTML#</div>',
+        template: '<div dr-if="@this@.sw" dr-option-strip="true" >#innerHTML#</div>',
         objFactory: (e, o, r2, counstructorParam) => {
           return DomRender.run({ rootObject: new If.If(...counstructorParam), config });
         }
@@ -16783,13 +16023,13 @@ ${indentStr}}`;
   };
 
   // src/components/router/Route.ts
-  var __decorate3 = function(decorators, target, key, desc) {
+  var __decorate4 = function(decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
   };
-  var __metadata3 = function(k, v) {
+  var __metadata4 = function(k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
   };
   var Route;
@@ -16822,13 +16062,13 @@ ${indentStr}}`;
         this.routerSubscription?.unsubscribe();
       }
     }
-    __decorate3([
+    __decorate4([
       attribute({ name: "value" }),
-      __metadata3("design:type", String)
+      __metadata4("design:type", String)
     ], CheckerBase.prototype, "value", void 0);
-    __decorate3([
+    __decorate4([
       DomRenderNoProxy,
-      __metadata3("design:type", Object)
+      __metadata4("design:type", Object)
     ], CheckerBase.prototype, "inputDomRenderConfig", void 0);
     class Match extends CheckerBase {
       check(config) {
@@ -16865,13 +16105,13 @@ ${indentStr}}`;
   };
 
   // src/components/select/Select.ts
-  var __decorate4 = function(decorators, target, key, desc) {
+  var __decorate5 = function(decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
   };
-  var __metadata4 = function(k, v) {
+  var __metadata5 = function(k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
   };
   var Select;
@@ -17016,21 +16256,21 @@ ${indentStr}}`;
         }
       }
     }
-    __decorate4([
+    __decorate5([
       attribute({ name: "value" }),
-      __metadata4("design:type", String)
+      __metadata5("design:type", String)
     ], Option.prototype, "value", void 0);
-    __decorate4([
+    __decorate5([
       attribute({ name: "selected", converter: (v) => v !== null && v === true }),
-      __metadata4("design:type", Object)
+      __metadata5("design:type", Object)
     ], Option.prototype, "selected", void 0);
-    __decorate4([
+    __decorate5([
       attribute({ name: "disabled", converter: (v) => v !== null && v === true }),
-      __metadata4("design:type", Object)
+      __metadata5("design:type", Object)
     ], Option.prototype, "disabled", void 0);
-    __decorate4([
+    __decorate5([
       attribute({ name: "class", converter: (v) => v ? v : null }),
-      __metadata4("design:type", String)
+      __metadata5("design:type", String)
     ], Option.prototype, "classAttr", void 0);
     Select_1.Option = Option;
     class Summary extends ComponentBase {
@@ -17095,9 +16335,9 @@ ${indentStr}}`;
         }
       }
     }
-    __decorate4([
+    __decorate5([
       attribute({ name: "class", converter: (v) => v === "" ? null : v }),
-      __metadata4("design:type", String)
+      __metadata5("design:type", String)
     ], Summary.prototype, "classAttr", void 0);
     Select_1.Summary = Summary;
     class SelectBody extends ComponentBase {
@@ -17133,13 +16373,13 @@ ${indentStr}}`;
         select?.setOptions(options);
       }
     }
-    __decorate4([
+    __decorate5([
       attribute({ name: "class", converter: (v) => v === "" ? null : v }),
-      __metadata4("design:type", String)
+      __metadata5("design:type", String)
     ], SelectBody.prototype, "classAttr", void 0);
-    __decorate4([
+    __decorate5([
       attribute({ name: "float" }),
-      __metadata4("design:type", String)
+      __metadata5("design:type", String)
     ], SelectBody.prototype, "float", void 0);
     Select_1.SelectBody = SelectBody;
     class Select2 extends ComponentBase {
@@ -17152,6 +16392,13 @@ ${indentStr}}`;
         this.selectedValues = [];
         this.selectedOptions = [];
       }
+      // get value(): string | (string | null)[] | null | undefined {
+      //   return this._value;
+      // }
+      // set value(val: string | (string | null)[] | null | undefined) {
+      //   console.log('value set', val)
+      //   this._value = val;
+      // }
       get optionComponents() {
         return this.getChildren(Option);
       }
@@ -17195,13 +16442,17 @@ ${indentStr}}`;
         const summaries = this.getChildren(Summary);
         this.options = options;
         const values = this.options.filter((it) => it.selected && !it.disabled).map((it) => it.value);
-        this.getAttribute("changeSelected")?.(values);
         summaries?.forEach((it) => {
           it.setDisabled(this.disabled);
           if (!this.disabled) {
             it.setOptions(options);
           }
         });
+        this.selectedValues = values;
+        this.selectedOptions = this.options.filter((it) => it.selected && !it.disabled);
+        this.value = this.selectedValues[0];
+        this.getAttribute("onchange")?.(this.value);
+        this.getAttribute("onchangeValues")?.(values);
       }
       onInitDetailsElement(detailsElement) {
         this.element = detailsElement;
@@ -17215,46 +16466,73 @@ ${indentStr}}`;
         this.documentClickSubscription?.unsubscribe();
         this.windowBlurSubscription?.unsubscribe();
       }
+      setValue(value) {
+        this.value = value;
+        if (this.options) {
+          this.options.forEach((it) => {
+            it.selected = false;
+            it.updateStatus();
+          });
+          for (let option of this.options) {
+            if (option.value === value) {
+              option.selected = true;
+              if (!this.multiple) {
+                break;
+              }
+            } else {
+              option.selected = false;
+            }
+            option.updateStatus();
+          }
+        }
+        console.log("value set", value);
+      }
       test() {
         console.log("tttttttt");
       }
     }
-    __decorate4([
+    __decorate5([
       attribute({ name: "multiple", converter: (v) => v !== null }),
-      __metadata4("design:type", Object)
+      __metadata5("design:type", Object)
     ], Select2.prototype, "multiple", void 0);
-    __decorate4([
+    __decorate5([
       attribute({ name: "disabled", converter: (v) => v !== null }),
-      __metadata4("design:type", Object)
+      __metadata5("design:type", Object)
     ], Select2.prototype, "disabled", void 0);
-    __decorate4([
+    __decorate5([
       attribute({ name: "class", converter: (v) => v === "" ? null : v }),
-      __metadata4("design:type", String)
+      __metadata5("design:type", String)
     ], Select2.prototype, "classAttr", void 0);
-    __decorate4([
+    __decorate5([
       attribute({ name: "name", converter: (v) => v === "" ? null : v }),
-      __metadata4("design:type", String)
+      __metadata5("design:type", String)
     ], Select2.prototype, "name", void 0);
-    __decorate4([
+    __decorate5([
       DomRenderNoProxy,
-      __metadata4("design:type", typeof (_a2 = typeof HTMLDetailsElement !== "undefined" && HTMLDetailsElement) === "function" ? _a2 : Object)
+      __metadata5("design:type", typeof (_a2 = typeof HTMLDetailsElement !== "undefined" && HTMLDetailsElement) === "function" ? _a2 : Object)
     ], Select2.prototype, "element", void 0);
-    __decorate4([
+    __decorate5([
       DomRenderNoProxy,
-      __metadata4("design:type", Object)
+      __metadata5("design:type", Object)
     ], Select2.prototype, "documentClickSubscription", void 0);
-    __decorate4([
+    __decorate5([
       DomRenderNoProxy,
-      __metadata4("design:type", Object)
+      __metadata5("design:type", Object)
     ], Select2.prototype, "windowBlurSubscription", void 0);
-    __decorate4([
+    __decorate5([
       DomRenderNoProxy,
-      __metadata4("design:type", Summary)
+      __metadata5("design:type", Summary)
     ], Select2.prototype, "summaryComponent", void 0);
-    __decorate4([
+    __decorate5([
       DomRenderNoProxy,
-      __metadata4("design:type", SelectBody)
+      __metadata5("design:type", SelectBody)
     ], Select2.prototype, "selectBodyComponent", void 0);
+    __decorate5([
+      attribute("value"),
+      __metadata5("design:type", Function),
+      __metadata5("design:paramtypes", [String]),
+      __metadata5("design:returntype", void 0)
+    ], Select2.prototype, "setValue", null);
     Select_1.Select = Select2;
   })(Select || (Select = {}));
   var stateComponentFactory = (name, type) => {
@@ -17322,6 +16600,16 @@ ${indentStr}}`;
       constructor() {
         super(...arguments);
         this.if = null;
+        this.sw = false;
+      }
+      setValue(value) {
+        this.sw = false;
+        setTimeout(() => {
+          this.value = value;
+        }, 0);
+        setTimeout(() => {
+          this.sw = true;
+        }, 0);
       }
       async onInitRender(param, rawSet) {
         await super.onInitRender(param, rawSet);
@@ -17332,7 +16620,7 @@ ${indentStr}}`;
       onChangeAttrRender(name, value, other) {
         super.onChangeAttrRender(name, value, other);
         if (this.equalsAttributeName(name, "value")) {
-          this.value = value;
+          this.setValue(value);
         }
         if (this.equalsAttributeName(name, "if")) {
           this.if = value;
@@ -17341,9 +16629,22 @@ ${indentStr}}`;
           this.createArguments = value;
         }
       }
-      created(component) {
-        component ?? (component = this.value?.obj);
-        this.getAttribute("onCreated")?.(component);
+      created($component, $rawSet) {
+        this.childObject = $component ?? ($component = this.value?.obj);
+        this.childRawSet = $rawSet;
+        if ($component) {
+          this.getAttribute("onCreated")?.($component);
+          if (isOnChangeAttrRender($component)) {
+            this.getAttributeNames().filter((it) => it.startsWith("attribute-")).forEach((it) => {
+              var _a2;
+              const attrName = it.replace(/^attribute-/, "");
+              const attrValue = this.getAttribute(it);
+              (_a2 = $rawSet.dataSet.render).attribute ?? (_a2.attribute = {});
+              $rawSet.dataSet.render.attribute[attrName] = attrValue;
+              $component.onChangeAttrRender(attrName, attrValue, { rawSet: $rawSet });
+            });
+          }
+        }
       }
     }
     _This.This = This2;
@@ -17352,7 +16653,11 @@ ${indentStr}}`;
     this: (config) => {
       return RawSet.createComponentTargetElement({
         name: This.selector,
-        template: '<div dr-this="@this@.value" dr-detect-option-if="@this@?.value && @this@?.if" dr-option-strip="true" dr-on-create:arguments="@this@.createArguments" dr-on-create:callback="@this@?.created?.($component)">#innerHTML#</div>',
+        template: `
+        <dr-if value="\${@this@.sw}$">
+            <div dr-this="@this@.value" dr-detect-option-if="@this@?.value && @this@?.if" dr-option-strip="true" dr-on-create:arguments="@this@.createArguments" dr-on-create:callback="@this@?.created?.($component, $rawSet)">#innerHTML#</div>
+        </dr-if>
+        `,
         objFactory: (e, o, r2, counstructorParam) => {
           return DomRender.run({ rootObject: new This.This(...counstructorParam), config });
         }
@@ -17436,7 +16741,8 @@ ${indentStr}}`;
     ...Input_default,
     ...Route_default,
     ...RouterOutlet_default,
-    ...A_default
+    ...A_default,
+    ...ForOf_default
   };
 
   // src/DomRender.ts
@@ -17604,6 +16910,13 @@ ${indentStr}}`;
         }
       };
     }
+    get(key) {
+      const o = this.keyMap.get(key);
+      if (o !== void 0) {
+        return this[o];
+      }
+      return void 0;
+    }
     set(key, ...v) {
       const o = this.keyMap.get(key);
       if (o !== void 0) {
@@ -17616,7 +16929,7 @@ ${indentStr}}`;
     delete(key) {
       const o = this.keyMap.get(key);
       if (o !== void 0) {
-        this[o] = [];
+        this[o] = this[o].map((it) => void 0);
         this.keyMap.delete(key);
       }
     }
@@ -18002,22 +17315,6 @@ ${indentStr}}`;
 })();
 /*! Bundled license information:
 
-reflect-metadata/Reflect.js:
-  (*! *****************************************************************************
-  Copyright (C) Microsoft. All rights reserved.
-  Licensed under the Apache License, Version 2.0 (the "License"); you may not use
-  this file except in compliance with the License. You may obtain a copy of the
-  License at http://www.apache.org/licenses/LICENSE-2.0
-  
-  THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
-  KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
-  WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
-  MERCHANTABLITY OR NON-INFRINGEMENT.
-  
-  See the Apache Version 2.0 License for specific language governing permissions
-  and limitations under the License.
-  ***************************************************************************** *)
-
 reflect-metadata/Reflect.js:
   (*! *****************************************************************************
   Copyright (C) Microsoft. All rights reserved.