@dooboostore/dom-render 1.0.110 → 1.0.112

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

@@ -28,1093 +28,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   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) {
@@ -3708,6 +2623,14 @@ var ValidUtils;
   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);
   };
@@ -5138,57 +4061,70 @@ var ObjectUtils;
       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) {
@@ -5501,9 +4437,19 @@ var ConvertUtils;
   ConvertUtils22.jsonToMap = (jsonStr) => {
     return new Map(JSON.parse(jsonStr));
   };
+  ConvertUtils22.toUrl = (data) => {
+    try {
+      return new URL(data);
+    } catch (e) {
+      throw new Error(`Invalid URL string: ${data}`);
+    }
+  };
   ConvertUtils22.decodeURIString = (data) => {
     return decodeURIComponent(data);
   };
+  ConvertUtils22.encodeURIString = (data) => {
+    return encodeURIComponent(data);
+  };
   ConvertUtils22.objToStrMap = (obj) => {
     const strMap = /* @__PURE__ */ new Map();
     for (const k of Object.keys(obj)) {
@@ -5871,6 +4817,29 @@ var ConvertUtils;
   ConvertUtils22.stringJsonToKeyPairs = (stringJson) => {
     return Array.from(stringJson.matchAll(/(\w+):\s*([^,}]+)/g)).map((match) => ({ key: match[1], value: match[2] }));
   };
+  ConvertUtils22.stringToBase64 = (str) => {
+    return btoa(str);
+  };
+  ConvertUtils22.uint8ArrayToBase64 = (bytes) => {
+    let binary = "";
+    const len = bytes.byteLength;
+    for (let i = 0; i < len; i++) {
+      binary += String.fromCharCode(bytes[i]);
+    }
+    return btoa(binary);
+  };
+  ConvertUtils22.base64ToString = (base64) => {
+    return atob(base64);
+  };
+  ConvertUtils22.base64ToUint8Array = (base64) => {
+    const binaryString = atob(base64);
+    const len = binaryString.length;
+    const bytes = new Uint8Array(len);
+    for (let i = 0; i < len; i++) {
+      bytes[i] = binaryString.charCodeAt(i);
+    }
+    return bytes;
+  };
 })(ConvertUtils || (ConvertUtils = {}));
 
 // ../core/dist/esm/date/DateUtils.js
@@ -7816,6 +6785,29 @@ var Promises;
     await Promise.all(executing);
     return results;
   };
+  Promises2.retry = async (factory, config) => {
+    const initialDelay = config.delay?.initialDelay ?? 0;
+    const retryDelay = config.delay?.retryDelay ?? 0;
+    if (initialDelay > 0) {
+      await (0, Promises2.sleep)(initialDelay);
+    }
+    let lastError;
+    for (let attempt = 0; attempt <= config.retry; attempt++) {
+      try {
+        return await factory(attempt, lastError);
+      } catch (error) {
+        lastError = error;
+        if (attempt === config.retry) {
+          break;
+        }
+        config.onRetry?.(error, attempt + 1);
+        if (retryDelay > 0) {
+          await (0, Promises2.sleep)(retryDelay);
+        }
+      }
+    }
+    throw lastError;
+  };
   let Result;
   ((Result2) => {
     async function awaitWrap(promise) {
@@ -8110,7 +7102,7 @@ var Logger = class {
   // }
 };
 
-// ../core/dist/esm/message/Subscriber..js
+// ../core/dist/esm/message/Subscriber.js
 var Subscriber = class {
   constructor(destination) {
     this.destination = destination;
@@ -9439,7 +8431,7 @@ var StoreRunnableLoader = class extends RunnableLoader {
 // ../core/dist/esm/schedule/Schedule.js
 var Schedule;
 ((Schedule2) => {
-  Schedule2.TOKEN = Symbol("Schedule");
+  Schedule2.SYMBOL = Symbol("Schedule");
 })(Schedule || (Schedule = {}));
 var ScheduleBase = class {
   constructor() {
@@ -9466,27 +8458,28 @@ var ScheduleBase = class {
   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++;
@@ -9498,6 +8491,7 @@ var ScheduleBase = class {
       console.log("Done schedule", this.name, endDate, endDate.getTime() - startDate.getTime());
     }
     this._state = "DONE-AND-WAITING";
+    return result;
   }
 };
 
@@ -9588,7 +8582,7 @@ var StorageUtils = class _StorageUtils {
 
 // ../core/dist/esm/string/StringUtils.js
 var StringUtils;
-(function(StringUtils2) {
+((StringUtils2) => {
   StringUtils2.deleteEnter = (data) => {
     return data.replace(/\r?\n/g, "");
   };
@@ -9631,8 +8625,7 @@ var StringUtils;
     return s;
   };
   StringUtils2.unescape = (html) => {
-    if (!html)
-      return "";
+    if (!html) return "";
     const htmlEntity = {
       quot: '"',
       amp: "&",
@@ -9682,8 +8675,7 @@ var StringUtils;
     return formatString.replace(/\${([^{}]*)}/g, (matched, piece) => String(object[piece] ?? matched));
   };
   StringUtils2.ellipsis = (text, length) => {
-    if (text.length > length)
-      return `${text.slice(0, length)}...`;
+    if (text.length > length) return `${text.slice(0, length)}...`;
     return text;
   };
   StringUtils2.appendPostposition = (text, { vowel, consonant }) => {
@@ -9796,7 +8788,7 @@ __export(bundle_entry_exports2, {
   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 {
@@ -10102,13 +9094,14 @@ var DownloadUtils;
 ((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) => {
@@ -10345,38 +9338,43 @@ var EventUtils;
 })(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) => {
@@ -10386,8 +9384,8 @@ var LocationUtils = class {
       }
     });
     return params;
-  }
-  static queryStringToObject(s) {
+  };
+  LocationUtils2.queryStringToObject = (s) => {
     const params = {};
     const vars = s.split("&") || [];
     vars.forEach((it) => {
@@ -10397,8 +9395,8 @@ var LocationUtils = class {
       }
     });
     return params;
-  }
-};
+  };
+})(LocationUtils || (LocationUtils = {}));
 
 // ../core-web/dist/esm/node/NodeUtils.js
 var NodeUtils;
@@ -10421,7 +9419,7 @@ var NodeUtils;
   NodeUtils2.replaceNode = (targetNode, newNode) => {
     return targetNode.parentNode?.replaceChild(newNode, targetNode);
   };
-  NodeUtils2.addNode = (targetNode, newNode) => {
+  NodeUtils2.insertAfter = (targetNode, newNode) => {
     return targetNode.parentNode?.insertBefore(newNode, targetNode.nextSibling);
   };
   NodeUtils2.cloneNode = (element, deep) => {
@@ -11018,11 +10016,11 @@ var _EventManager = class _EventManager {
   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) {
@@ -11034,7 +10032,7 @@ var _EventManager = class _EventManager {
     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;
         }
@@ -11043,7 +10041,7 @@ var _EventManager = class _EventManager {
     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;
         }
@@ -11052,7 +10050,7 @@ var _EventManager = class _EventManager {
     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;
         }
@@ -11061,7 +10059,7 @@ var _EventManager = class _EventManager {
     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;
         }
@@ -11070,7 +10068,7 @@ var _EventManager = class _EventManager {
     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;
         }
@@ -11079,7 +10077,7 @@ var _EventManager = class _EventManager {
     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;
         }
@@ -11088,7 +10086,7 @@ var _EventManager = class _EventManager {
     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;
         }
@@ -11097,7 +10095,7 @@ var _EventManager = class _EventManager {
     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;
         }
@@ -11108,17 +10106,27 @@ var _EventManager = class _EventManager {
       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);
@@ -11137,19 +10145,19 @@ var _EventManager = class _EventManager {
           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);
@@ -11172,10 +10180,10 @@ var _EventManager = class _EventManager {
           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);
@@ -11187,7 +10195,7 @@ var _EventManager = class _EventManager {
         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),
@@ -11213,7 +10221,7 @@ var _EventManager = class _EventManager {
         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),
@@ -11230,21 +10238,29 @@ var _EventManager = class _EventManager {
         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);
           }
         }
       }
@@ -11255,29 +10271,77 @@ var _EventManager = class _EventManager {
         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();
@@ -11495,7 +10559,7 @@ var Dr = class extends OperatorExecuterAttrRequire {
     const itRandom = RawSet.drItOtherEncoding(this.elementSource.element);
     const vars = RawSet.drVarEncoding(this.elementSource.element, this.elementSource.attrs.drVarOption ?? "");
     const newTemp = this.source.config.window.document.createElement("temp");
-    ScriptUtils.evaluate(`
+    ObjectUtils.Script.evaluate(`
                     ${this.render.bindScript}
                     const n = $element.cloneNode(true);
                     var destIt = ${this.elementSource.attrs.drItOption};
@@ -11653,7 +10717,7 @@ var isOnDrThisBind = (obj) => {
 var DrThis = class extends OperatorExecuterAttrRequire {
   async executeAttrRequire(attr) {
     const optionIf = this.elementSource.attrs.drDetectIfOption ?? this.elementSource.attrs.drIfOption;
-    const ok = ScriptUtils.evaluate(`
+    const ok = ObjectUtils.Script.evaluate(`
                 ${this.render.bindScript}
                 try {
                   const ok  = ${this.elementSource.attrs.drThis};
@@ -11989,9 +11053,9 @@ var DrForm = class extends OperatorExecuterAttrRequire {
   }
   async executeAttrRequire(attr) {
     RawSet.drFormOtherMoveAttr(this.elementSource.element, "name", "temp-name", this.source.config);
-    const data = ScriptUtils.evaluateReturn(`${attr}`, this.source.obj);
+    const data = ObjectUtils.Script.evaluateReturn(`${attr}`, this.source.obj);
     const childs = Array.from(this.elementSource.element.querySelectorAll("[name]"));
-    const fromName = ScriptUtils.evaluateReturn(this.elementSource.element.getAttribute(`${RawSet.DR_FORM_NAME}:name`) ?? "", this.source.obj);
+    const fromName = ObjectUtils.Script.evaluateReturn(this.elementSource.element.getAttribute(`${RawSet.DR_FORM_NAME}:name`) ?? "", this.source.obj);
     const thisName = fromName ?? this.elementSource.element.getAttribute("name");
     if (childs.length <= 0 && thisName) {
       childs.push(this.elementSource.element);
@@ -12004,10 +11068,10 @@ var DrForm = class extends OperatorExecuterAttrRequire {
       const eventName = it.getAttribute(`${RawSet.DR_FORM_NAME}:event`) ?? "change";
       const validatorName = it.getAttribute(`${RawSet.DR_FORM_NAME}:validator`);
       const attrEventName = EventManager.attrPrefix + "event-" + eventName;
-      let varpath = ScriptUtils.evaluateReturn(this.elementSource.element.getAttribute(`${RawSet.DR_FORM_NAME}:name`) ?? "", this.source.obj) ?? it.getAttribute("name");
+      let varpath = ObjectUtils.Script.evaluateReturn(this.elementSource.element.getAttribute(`${RawSet.DR_FORM_NAME}:name`) ?? "", this.source.obj) ?? it.getAttribute("name");
       if (varpath != null) {
         if (validatorName) {
-          ScriptUtils.evaluate(
+          ObjectUtils.Script.evaluate(
             `
                                 ${this.render.bindScript}
                                 const validator = typeof ${validatorName} ==='function' ?  new  ${validatorName}() : ${validatorName};
@@ -12025,7 +11089,7 @@ var DrForm = class extends OperatorExecuterAttrRequire {
           );
         }
         varpath = `${attr}['${varpath}']`;
-        const data2 = ScriptUtils.evaluateReturn(`${varpath}`, this.source.obj);
+        const data2 = ObjectUtils.Script.evaluateReturn(`${varpath}`, this.source.obj);
         if (data2 instanceof ValidatorArray) {
           it.setAttribute(attrEventName, `${varpath}.setArrayValue($target, $target.value, $event); ${it.getAttribute(attrEventName) ?? ""};`);
           data2.addValidator(it.value, it);
@@ -12086,7 +11150,7 @@ var DrInnerHTML = class extends OperatorExecuterAttrRequire {
   }
   async executeAttrRequire(attr) {
     const newTemp = this.source.config.window.document.createElement("temp");
-    ScriptUtils.evaluate(`
+    ObjectUtils.Script.evaluate(`
                         ${this.render.bindScript}
                         const n = $element.cloneNode(true);
                         ${this.elementSource.attrs.drBeforeOption ?? ""}
@@ -12125,7 +11189,7 @@ var DrFor = class extends OperatorExecuterAttrRequire {
     const itRandom = RawSet.drItOtherEncoding(this.elementSource.element);
     const vars = RawSet.drVarEncoding(this.elementSource.element, this.elementSource.attrs.drVarOption ?? "");
     const newTemp = this.source.config.window.document.createElement("temp");
-    ScriptUtils.evaluate(`
+    ObjectUtils.Script.evaluate(`
                     ${this.render.bindScript}
                     ${this.elementSource.attrs.drBeforeOption ?? ""}
                     for(${attr}) {
@@ -12174,6 +11238,10 @@ var DrForOf = class extends OperatorExecuterAttrRequire {
     const variableName = this.elementSource.element.getAttribute(RawSet.DR_VARIABLE_NAME_OPTIONNAME);
     const itemVariableName = this.elementSource.element.getAttribute(RawSet.DR_ITEM_VARIABLE_NAME_OPTIONNAME);
     const itemIndexVariableName = this.elementSource.element.getAttribute(RawSet.DR_ITEM_INDEX_VARIABLE_NAME_OPTIONNAME);
+    const hasVariableName = this.elementSource.element.hasAttribute(RawSet.DR_VARIABLE_NAME_OPTIONNAME);
+    const hasItemVariableName = this.elementSource.element.hasAttribute(RawSet.DR_ITEM_VARIABLE_NAME_OPTIONNAME);
+    const hasItemIndexVariableName = this.elementSource.element.hasAttribute(RawSet.DR_ITEM_INDEX_VARIABLE_NAME_OPTIONNAME);
+    const t0 = performance.now();
     ObjectUtils.Script.evaluate(`
                     ${this.render.bindScript}
                     ${this.elementSource.attrs.drBeforeOption ?? ""}
@@ -12181,6 +11249,7 @@ var DrForOf = class extends OperatorExecuterAttrRequire {
                     const forOf = ${ObjectUtils.Path.toOptionalChainPath(attr)};
                     const forOfStr = \`${attr}\`.trim();
                     // console.log('forOf---',forOf);
+                    // debugger;
                     if (forOf) {
                         for(const it of forOf) {
                             i++;
@@ -12199,16 +11268,39 @@ var DrForOf = class extends OperatorExecuterAttrRequire {
                             const n = this.__render.element.cloneNode(true);
                             Object.entries(this.__render.drAttr).filter(([k,v]) => k !== 'drForOf' && k !== 'drNextOption' && v).forEach(([k, v]) => n.setAttribute(this.__render.drAttrsOriginName[k], v));
                             n.getAttributeNames().forEach(it => n.setAttribute(it, n.getAttribute(it).replace(/\\#it\\#/g, destIt).replace(/\\#nearForOfIt\\#/g, destIt).replace(/\\#it\\#/g, destIt).replace(/\\#nearForOfIndex\\#/g, i)))
-                            if ('${variableName}') {
+                            if (${hasVariableName} && '${variableName}') {
                               n.getAttributeNames().forEach(it => n.setAttribute(it, n.getAttribute(it).replaceAll('#${variableName}#', forOfStr)));
                             }
-                            if ('${itemVariableName}') {
+                            if (${hasItemVariableName} && '${itemVariableName}') {
                               n.getAttributeNames().forEach(it => n.setAttribute(it, n.getAttribute(it).replaceAll('#${itemVariableName}#', destIt)));
                             }
-                            if ('${itemIndexVariableName}') {
+                            if (${hasItemIndexVariableName} && '${itemIndexVariableName}') {
                               n.getAttributeNames().forEach(it => n.setAttribute(it, n.getAttribute(it).replaceAll('#${itemIndexVariableName}#', i)));
                             }
                             
+                            const hasDrOptionAttr = n.hasAttribute('${RawSet.DR_ATTR_OPTIONNAME}');
+                            if (hasDrOptionAttr) {
+                              const drOptionAttr = n.getAttribute('${RawSet.DR_ATTR_OPTIONNAME}');
+                              const drOptionAttrResult = $scriptUtils.evaluateReturn(drOptionAttr, this);
+                              Array.from(Object.entries(drOptionAttrResult??{})).forEach(([k,v])=>{
+                                if (v === null) {
+                                  n.removeAttribute(k);
+                                } else {
+                                  n.setAttribute(k,v);
+                                }
+                              })
+                            
+                            }
+                            const hasDrOptionIf = n.hasAttribute('${RawSet.DR_IF_OPTIONNAME}');
+                            if (hasDrOptionIf) {
+                              const drOptionIf = n.getAttribute('${RawSet.DR_IF_OPTIONNAME}');
+                              const e = $scriptUtils.evaluateReturn(drOptionIf, this);
+                              if(!e) {
+                                continue;
+                              }
+                            
+                            }
+                            
                             const drOptionAttr = n.getAttribute('${RawSet.DR_DETECT_ATTR_OPTIONNAME}');
                             if (drOptionAttr) {
                               const drOptionAttrResult = $scriptUtils.evaluateReturn(drOptionAttr, this);
@@ -12231,13 +11323,13 @@ var DrForOf = class extends OperatorExecuterAttrRequire {
                             }
 
                             n.innerHTML = n.innerHTML.replace(/\\#it\\#/g, destIt).replace(/\\#index\\#/g, i);
-                            if ('${variableName}') {
+                            if (${hasVariableName} && '${variableName}') {
                               n.innerHTML = n.innerHTML.replaceAll('#${variableName}#', forOfStr);
                             }
-                            if ('${itemVariableName}') {
+                            if (${hasItemVariableName} && '${itemVariableName}') {
                               n.innerHTML = n.innerHTML.replaceAll('#${itemVariableName}#', destIt);
                             }
-                            if ('${itemIndexVariableName}') {
+                            if (${hasItemIndexVariableName} && '${itemIndexVariableName}') {
                               n.innerHTML = n.innerHTML.replaceAll('#${itemIndexVariableName}#', i);
                             }
                    
@@ -12291,7 +11383,7 @@ var DrAppender = class extends OperatorExecuterAttrRequire {
     const itRandom = RawSet.drItOtherEncoding(this.elementSource.element);
     const vars = RawSet.drVarEncoding(this.elementSource.element, this.elementSource.attrs.drVarOption ?? "");
     const newTemp = this.source.config.window.document.createElement("temp");
-    ScriptUtils.evaluate(`
+    ObjectUtils.Script.evaluate(`
                     try{
                     ${this.render.bindScript}
                     ${this.elementSource.attrs.drBeforeOption ?? ""}
@@ -12349,7 +11441,7 @@ var DrRepeat = class extends OperatorExecuterAttrRequire {
     const itRandom = RawSet.drItOtherEncoding(this.elementSource.element);
     const vars = RawSet.drVarEncoding(this.elementSource.element, this.elementSource.attrs.drVarOption ?? "");
     const newTemp = this.source.config.window.document.createElement("temp");
-    ScriptUtils.evaluate(`
+    ObjectUtils.Script.evaluate(`
                     ${this.render.bindScript}
                     ${this.elementSource.attrs.drBeforeOption ?? ""}
                     var i = 0; 
@@ -12404,9 +11496,18 @@ var DrTargetElement = class extends OperatorExecuter {
     super(rawSet, render, returnContainer, elementSource, source, afterCallBack, false);
   }
   async execute() {
-    const targetElement = this.source.config?.targetElements?.find(
-      (it) => it.name.toLowerCase() === this.elementSource.element.tagName.toLowerCase()
-    );
+    let targetElement = void 0;
+    let isTargetElementElement = this.elementSource.element.tagName.toLowerCase() === RawSet.DR_TARGET_ELEMENT_ELEMENTNAME.toLowerCase();
+    if (isTargetElementElement) {
+      const targetElementTagName = this.elementSource.element.getAttribute(`${RawSet.DR_TARGET_ELEMENT_ELEMENTNAME}:is`)?.toLowerCase();
+      targetElement = this.source.config?.targetElements?.find(
+        (it) => it.name.toLowerCase() === targetElementTagName
+      );
+    } else {
+      targetElement = this.source.config?.targetElements?.find(
+        (it) => it.name.toLowerCase() === this.elementSource.element.tagName.toLowerCase()
+      );
+    }
     if (targetElement) {
       if (this.rawSet.point.start instanceof this.source.config.window.HTMLMetaElement && this.rawSet.point.end instanceof this.source.config.window.HTMLMetaElement) {
         this.rawSet.point.start.setAttribute("this-path", `this.__domrender_components.${this.rawSet.uuid}`);
@@ -12426,7 +11527,7 @@ var DrTargetElement = class extends OperatorExecuter {
           this.rawSet.detect = {
             action: () => {
               const script = `var $component = this.__render.component; var $element = this.__render.element; var $innerHTML = this.__render.innerHTML; var $attribute = this.__render.attribute;  ${detectAction} `;
-              ScriptUtils.evaluate(
+              ObjectUtils.Script.evaluate(
                 script,
                 Object.assign(this.source.obj, {
                   __render: this.rawSet.dataSet.render
@@ -12507,7 +11608,7 @@ var DrStripElement = class extends OperatorExecuterAttrRequire {
   }
   async executeAttrRequire(attr) {
     const newTemp = this.source.config.window.document.createElement("temp");
-    ScriptUtils.evaluate(`
+    ObjectUtils.Script.evaluate(`
                 ${this.render.bindScript}
                 ${this.elementSource.attrs.drBeforeOption ?? ""}
                 const n = $element.cloneNode(true);
@@ -12569,7 +11670,7 @@ var DrThisProperty = class extends OperatorExecuterAttrRequire {
     const newTemp = this.source.config.window.document.createElement("temp");
     const dictioanry = ScriptUtils.evaluateReturn(attr, this.source.obj);
     const dictionaryKey = this.elementSource.attrs.drKeyOption ?? "";
-    ScriptUtils.evaluate(`
+    ObjectUtils.Script.evaluate(`
                     ${this.render.bindScript}
                     ${this.elementSource.attrs.drBeforeOption ?? ""}
                     var i = 0; 
@@ -12691,7 +11792,7 @@ var DrTargetElementIsElement = class extends OperatorExecuter {
           this.rawSet.detect = {
             action: () => {
               const script = `var $component = this.__render.component; var $element = this.__render.element; var $innerHTML = this.__render.innerHTML; var $attribute = this.__render.attribute;  ${detectAction} `;
-              ScriptUtils.evaluate(script, Object.assign(this.source.obj, {
+              ObjectUtils.Script.evaluate(script, Object.assign(this.source.obj, {
                 __render: this.rawSet.dataSet.render
               }));
             }
@@ -12815,10 +11916,49 @@ var _RawSet = class _RawSet {
     });
     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 = [];
@@ -12861,18 +12001,15 @@ var _RawSet = class _RawSet {
         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);
@@ -12911,140 +12048,23 @@ var _RawSet = class _RawSet {
         };
         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();
@@ -13107,6 +12127,7 @@ var _RawSet = class _RawSet {
         }
       });
     }
+    console.groupEnd();
     return { raws, executedOperators };
   }
   // 중요 스타일 적용 부분
@@ -13225,7 +12246,7 @@ var _RawSet = class _RawSet {
           }
           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]
             }));
@@ -13235,20 +12256,22 @@ var _RawSet = class _RawSet {
           }
           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, "({})");
@@ -13261,7 +12284,7 @@ var _RawSet = class _RawSet {
               } 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;
@@ -13332,7 +12355,8 @@ var _RawSet = class _RawSet {
           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;
@@ -13341,6 +12365,7 @@ var _RawSet = class _RawSet {
         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;
@@ -13703,9 +12728,11 @@ var _RawSet = class _RawSet {
     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);
     }
@@ -13879,7 +12906,8 @@ var _RawSet = class _RawSet {
         );
         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;
         }
@@ -13919,22 +12947,17 @@ var _RawSet = class _RawSet {
       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;
@@ -13958,6 +12981,8 @@ _RawSet.DR_INNERTEXT_NAME = "dr-inner-text";
 _RawSet.DR_DETECT_NAME = "dr-detect";
 _RawSet.DR_STRIP_NAME = "dr-strip";
 _RawSet.DR_REPLACE_TARGET_ELEMENT_IS_NAME = "dr-replace-target-element-is";
+// 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";
@@ -14024,6 +13049,9 @@ _RawSet.DR_TAGS = [];
 // 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,
@@ -14037,7 +13065,7 @@ _RawSet.DR_ATTRIBUTES = [
   _RawSet.DR_INNERHTML_NAME,
   _RawSet.DR_INNERTEXT_NAME,
   _RawSet.DR_REPEAT_NAME,
-  _RawSet.DR_DETECT_NAME,
+  // RawSet.DR_DETECT_NAME, // TODO: DrDetect 오퍼레이터 구현 필요
   _RawSet.DR_STRIP_NAME
 ];
 var RawSet = _RawSet;
@@ -14045,17 +13073,10 @@ var RawSet = _RawSet;
 // 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;
@@ -14079,6 +13100,11 @@ var isOnRawSetRendered = (obj) => {
   return typeof obj?.onRawSetRendered === "function";
 };
 
+// src/lifecycle/OnChildRawSetRendered.ts
+var isOnChildRawSetRendered = (obj) => {
+  return typeof obj?.onChildRawSetRendered === "function";
+};
+
 // src/DomRenderProxy.ts
 var excludeGetSetPropertys = [
   "onBeforeReturnGet",
@@ -14116,12 +13142,12 @@ var getDomRenderProxy = (obj) => {
   return void 0;
 };
 var DomRenderProxy = class _DomRenderProxy {
+  // public name = Math.random();
   constructor(_domRender_origin, target, _domRender_config) {
     this._domRender_origin = _domRender_origin;
     this._domRender_config = _domRender_config;
     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);
@@ -14205,7 +13231,7 @@ var DomRenderProxy = class _DomRenderProxy {
       const onInit = target.getAttribute?.(RawSet.DR_ON_INIT_ARGUMENTS_OPTIONNAME);
       let initParam;
       if (onCreate) {
-        initParam = ScriptUtils.evaluateReturn(onCreate, this._domRender_proxy);
+        initParam = ObjectUtils.Script.evaluateReturn(onCreate, this._domRender_proxy);
       }
       if (isOnInitRender(this._domRender_proxy)) {
         await this._domRender_proxy.onInitRender(
@@ -14234,46 +13260,65 @@ var DomRenderProxy = class _DomRenderProxy {
     }
     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);
     }
@@ -14288,12 +13333,15 @@ var DomRenderProxy = class _DomRenderProxy {
   //   return current;
   // }
   root(pathInfos, value, lastDoneExecute = true) {
+    const rootStartTime = Date.now();
+    const pathKey = pathInfos.flat().map((i) => i.path).join(".");
     const fullPaths = [];
     if (this._domRender_ref.size > 0) {
       this._domRender_ref.forEach((it, key) => {
         if ("_DomRender_isProxy" in key) {
           it.forEach((sit) => {
             try {
+              const recursiveStartTime = Date.now();
               const concat2 = pathInfos.concat([[{ path: sit, obj: key }]]);
               const items = key._DomRender_proxy?.root(
                 concat2,
@@ -14307,6 +13355,7 @@ var DomRenderProxy = class _DomRenderProxy {
         }
       });
     } else {
+      const pathProcessStartTime = Date.now();
       const strings = pathInfos.reverse().map((it) => it.map((it2) => it2.path).join(","));
       const fullPathStr = strings.map((it) => isNaN(Number(it)) ? "." + it : `[${it}]`).join("").slice(1);
       if (lastDoneExecute) {
@@ -14314,10 +13363,13 @@ var DomRenderProxy = class _DomRenderProxy {
         const front = strings.slice(0, strings.length - 1).map((it) => isNaN(Number(it)) ? "." + it : `[${it}]`).join("");
         const lastPropertyName = strings[strings.length - 1];
         const 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) => {
@@ -14359,6 +13411,7 @@ var DomRenderProxy = class _DomRenderProxy {
               rData = await this.render(rawSets);
             }
           }
+          const renderStartTime = Date.now();
           if (lastPropertyName === "length" && Array.isArray(data)) {
             const aIterable = this._rawSets.get(firstPathStr);
             if (aIterable) {
@@ -14367,13 +13420,17 @@ var DomRenderProxy = class _DomRenderProxy {
           } else if (iterable) {
             rData = await this.render(Array.from(iterable), fullPathStr);
           }
+          const eventProcessStartTime = Date.now();
           const Node2 = this._domRender_config.window.Node;
           this._targets.forEach((it) => {
             if (it.nodeType === Node2.DOCUMENT_FRAGMENT_NODE || it.nodeType === Node2.ELEMENT_NODE) {
+              const findAttrStartTime = Date.now();
               const targets = this._domRender_config.eventManager.findAttrElements(
                 it,
                 this._domRender_config
               );
+              const targetCount = targets?.size || targets?.length || 0;
+              const changeVarStartTime = Date.now();
               this._domRender_config.eventManager.changeVar(
                 this._domRender_proxy,
                 targets,
@@ -14383,7 +13440,7 @@ var DomRenderProxy = class _DomRenderProxy {
             }
           });
           if (rData?.length > 0 && isOnChildRenderedByProperty(data)) {
-            const propertyValue = ScriptUtils.evaluateReturn(`this.${lastPropertyName}`, data);
+            const propertyValue = ObjectUtils.Script.evaluateReturn(`this.${lastPropertyName}`, data);
             data.onChildRenderedByProperty(lastPropertyName, propertyValue);
           }
           resolve(rData);
@@ -14399,6 +13456,7 @@ var DomRenderProxy = class _DomRenderProxy {
       target[p] = value;
       return true;
     }
+    let start = performance.now();
     if (typeof p === "string") {
       value = this.proxy(receiver, value, p);
     }
@@ -14421,14 +13479,23 @@ var DomRenderProxy = class _DomRenderProxy {
         }).forEach((it) => {
           const variablePaths = it.valueScript.variablePaths;
           let targetScript = it.valueScript.originalAttrValue;
-          variablePaths.forEach((it2) => {
-            let r = ObjectUtils.Path.toOptionalChainPath(it2.inner);
-            targetScript = targetScript.replaceAll(it2.origin, `\${${r}}`);
-          });
-          const value1 = ObjectUtils.Script.evaluateReturn("`" + targetScript + "`", it.pathInfo.obj);
-          if (value1 === null) {
+          let script;
+          if (it.valueScript.isStringTemplate) {
+            variablePaths.forEach((it2) => {
+              let r = ObjectUtils.Path.toOptionalChainPath(it2.inner);
+              targetScript = targetScript.replaceAll(it2.origin, `\${${r}}`);
+            });
+            script = "`" + targetScript + "`";
+          } else {
+            variablePaths.forEach((it2) => {
+              let r = ObjectUtils.Path.toOptionalChainPath(it2.inner);
+              targetScript = targetScript.replaceAll(it2.origin, `${r}`);
+            });
+            script = targetScript;
+          }
+          const value1 = ObjectUtils.Script.evaluateReturn(script, it.pathInfo.obj);
+          if (value1 === null || value1 === void 0) {
             elementInfo.element.removeAttribute(it.key);
-            elementInfo.element[it.key] = null;
           } else {
             elementInfo.element.setAttribute(it.key, value1);
             elementInfo.element[it.key] = value1;
@@ -14438,11 +13505,11 @@ var DomRenderProxy = class _DomRenderProxy {
     );
     DocumentUtils.querySelectorAllByAttributeName(rootElement, EventManager.linkTargetMapAttrName)?.forEach(
       (elementInfo) => {
-        const targets = new Map(ScriptUtils.evaluateReturn(elementInfo.value));
+        const targets = new Map(ObjectUtils.Script.evaluateReturn(elementInfo.value));
         Array.from(targets.entries()).filter(([key, value2]) => value2.trim()).filter(isDefined).flatMap(([key, valueScript]) => {
           return fullPathInfo.flat().filter((it) => valueScript.includes(`this.${it.path}`)).flatMap((it) => ({ key, valueScript, pathInfo: it }));
         }).forEach((info) => {
-          const value1 = ScriptUtils.evaluateReturn(info.valueScript, info.pathInfo.obj);
+          const value1 = ObjectUtils.Script.evaluateReturn(info.valueScript, info.pathInfo.obj);
           const applyAttributeName = EventManager.linkAttrs.find((it) => it.name === info.key);
           if (applyAttributeName) {
             if (value1 === null) {
@@ -14599,11 +13666,13 @@ var Router = class {
     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);
@@ -14656,31 +13725,30 @@ var Router = class {
     }
   }
   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) {
@@ -14692,7 +13760,6 @@ var Router = class {
         newVar.pathData = data2;
       }
     }
-    newVar.router = this;
     return Object.freeze(newVar);
   }
   pushState(data, title, path) {
@@ -14743,7 +13810,6 @@ var Router = class {
     }
   }
   toUrl(data) {
-    console.log("toUrl", data);
     let targetPath;
     if (typeof data === "string") {
       targetPath = data;
@@ -14754,6 +13820,10 @@ var Router = class {
     }
     return targetPath;
   }
+  reload() {
+    const currentUrl = this.getUrl();
+    this.replace(currentUrl);
+  }
 };
 
 // src/routers/PathRouter.ts
@@ -14821,6 +13891,9 @@ var PathRouter = class extends Router {
   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) => {
@@ -14902,6 +13975,9 @@ var HashRouter = class extends Router {
   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("?");
@@ -15124,6 +14200,41 @@ function debounceTime(duration) {
   };
 }
 
+// ../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;
@@ -15171,6 +14282,8 @@ var ComponentBase = class {
     this._eventBindings = [];
     this._refreshTimers = /* @__PURE__ */ new Map();
     this.childrenSetSubject = new Subject();
+    this.onRawSetRenderedOtherDataSubject = new Subject();
+    this.onChildRawSetRenderedOtherDataSubject = new Subject();
   }
   get componentConfig() {
     return this._config;
@@ -15338,6 +14451,7 @@ var ComponentBase = class {
     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) => {
@@ -15351,6 +14465,9 @@ var ComponentBase = class {
       });
     }
   }
+  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
@@ -15453,6 +14570,17 @@ var ComponentBase = class {
       }
     }
   }
+  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) {
@@ -15531,6 +14659,10 @@ var ComponentBase = class {
   }
   onCreatedThisChildDebounce(childrenSet) {
   }
+  onRawSetRenderedDebounce(childrenSet) {
+  }
+  onChildRawSetRenderedDebounce() {
+  }
   onCreateRenderData(data) {
     this._render = data.render;
     if (data.render?.rawSet) {
@@ -15544,7 +14676,7 @@ var ComponentBase = class {
     }
   }
   onChangeAttrRender(name, value, other) {
-    if (other.rawSet) {
+    if (other?.rawSet) {
       this.setRawSet(other.rawSet);
     }
     const attributes = ReflectUtils.getMetadata(ATTRIBUTE_METADATA_KEY, this.constructor);
@@ -15568,6 +14700,12 @@ var ComponentBase = class {
     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();
@@ -15592,6 +14730,8 @@ var ComponentBase = class {
     this._cleanupEventBindings();
     this._clearAllRefreshTimers();
     this.createChildrenDebounceSubscription?.unsubscribe();
+    this.onRawSetRenderedOtherDataSubjectSubscription?.unsubscribe();
+    this.onChildRawSetRenderedOtherDataSubjectSubscription?.unsubscribe();
   }
 };
 __decorate([
@@ -15634,6 +14774,22 @@ __decorate([
   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;
@@ -15643,18 +14799,27 @@ var RouterOutlet;
     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) {
@@ -15663,7 +14828,7 @@ var RouterOutlet;
     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;
@@ -15671,6 +14836,9 @@ var RouterOutlet;
       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);
@@ -15683,9 +14851,22 @@ var RouterOutlet;
       }
       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;
@@ -15695,7 +14876,11 @@ var RouterOutlet_default = {
   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 });
       }
@@ -15755,6 +14940,7 @@ var A;
       this.target = null;
       this.style = null;
       this.classAttr = null;
+      this.drClass = null;
       this.click = null;
       this.replace = false;
       this.scrollToTop = true;
@@ -15779,6 +14965,21 @@ var A;
         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 }),
@@ -15796,6 +14997,10 @@ var A;
     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)
@@ -15820,6 +15025,8 @@ var A_default = {
         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 });
@@ -15829,10 +15036,23 @@ var A_default = {
 };
 
 // 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')
     // }
@@ -15862,13 +15082,17 @@ var Appender;
       }
     }
   }
-  _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 });
       }
@@ -16118,6 +15342,11 @@ var Details;
       if (toggleAttribute) {
         toggleAttribute?.(element.open);
       }
+      if (element.open) {
+        this.getAttribute("onOpen")?.();
+      } else {
+        this.getAttribute("onClose")?.();
+      }
     }
     async onInitRender(param, rawSet) {
       await super.onInitRender(param, rawSet);
@@ -16238,7 +15467,7 @@ var Details_default = {
 // 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);
@@ -16249,6 +15478,17 @@ var ForOf;
   }
   _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;
@@ -16275,7 +15515,7 @@ var If_default = {
   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 });
       }
@@ -16669,13 +15909,13 @@ var Radio_default = {
 };
 
 // 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;
@@ -16708,13 +15948,13 @@ var Route;
       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) {
@@ -16751,13 +15991,13 @@ var Route_default = {
 };
 
 // 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;
@@ -16902,21 +16142,21 @@ var Select;
       }
     }
   }
-  __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 {
@@ -16981,9 +16221,9 @@ var Select;
       }
     }
   }
-  __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 {
@@ -17019,13 +16259,13 @@ var Select;
       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 {
@@ -17038,6 +16278,13 @@ var Select;
       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);
     }
@@ -17081,13 +16328,17 @@ var Select;
       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;
@@ -17101,46 +16352,73 @@ var Select;
       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) => {
@@ -17208,6 +16486,16 @@ var This;
     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);
@@ -17218,7 +16506,7 @@ var This;
     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;
@@ -17227,9 +16515,22 @@ var This;
         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;
@@ -17238,7 +16539,11 @@ var This_default = {
   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 });
       }
@@ -17322,7 +16627,8 @@ var drComponent = {
   ...Input_default,
   ...Route_default,
   ...RouterOutlet_default,
-  ...A_default
+  ...A_default,
+  ...ForOf_default
 };
 
 // src/DomRender.ts
@@ -17490,6 +16796,13 @@ var Appender2 = class {
       }
     };
   }
+  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) {
@@ -17502,7 +16815,7 @@ var Appender2 = class {
   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);
     }
   }
@@ -17997,22 +17310,6 @@ export {
 };
 /*! 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.