@dooboostore/simple-web-component 1.0.41 → 1.0.43

package/dist/esm-bundle/dooboostore-simple-web-component.esm.js

@@ -6320,6 +6320,11 @@ function addEventListenerDelegateAllDom(selector, type, options) {
 function addEventListenerDelegate(selector, type, options) {
   return addEventListener(selector, type, { ...options ?? {}, root: "auto", delegate: true });
 }
+var event = addEventListener;
+var eventDelegateLightDom = addEventListenerDelegateLightDom;
+var eventDelegateShadowDom = addEventListenerDelegateShadowDom;
+var eventDelegateAllDom = addEventListenerDelegateAllDom;
+var eventDelegate = addEventListenerDelegate;
 function addEventListenerThis(type, options) {
   return addEventListener("$this", type, options);
 }
@@ -6384,27 +6389,52 @@ function onConnectedAfter(arg1, arg2, arg3) {
     decorator2(arg1 || {}, target, propertyKey);
   };
 }
-function createLifecycleDecorator(metadataKey) {
-  return (target, propertyKey) => {
-    const constructor = target.constructor;
-    let list = ReflectUtils.getOwnMetadata(metadataKey, constructor);
-    if (!list) {
-      list = [];
-      ReflectUtils.defineMetadata(metadataKey, list, constructor);
+function createLifecycleDecoratorWithOptions(metadataKey) {
+  return function(optionOrTarget, propertyKey) {
+    if (propertyKey) {
+      const constructor = optionOrTarget.constructor;
+      let list = ReflectUtils.getOwnMetadata(metadataKey, constructor);
+      if (!list) {
+        list = [];
+        ReflectUtils.defineMetadata(metadataKey, list, constructor);
+      }
+      list.push({ propertyKey, order: 0 });
+      return;
     }
-    list.push(propertyKey);
+    return (target, propertyKey2) => {
+      const constructor = target.constructor;
+      let list = ReflectUtils.getOwnMetadata(metadataKey, constructor);
+      if (!list) {
+        list = [];
+        ReflectUtils.defineMetadata(metadataKey, list, constructor);
+      }
+      list.push({ propertyKey: propertyKey2, order: optionOrTarget?.order ?? 0 });
+    };
   };
 }
-var onInitialize = createLifecycleDecorator(ON_INITIALIZE_METADATA_KEY);
-var onDisconnectedBefore = createLifecycleDecorator(ON_BEFORE_DISCONNECTED_METADATA_KEY);
-var onDisconnectedAfter = createLifecycleDecorator(ON_AFTER_DISCONNECTED_METADATA_KEY);
+function onInitialize(optionOrTarget, propertyKey) {
+  return createLifecycleDecoratorWithOptions(ON_INITIALIZE_METADATA_KEY)(optionOrTarget, propertyKey);
+}
+function onDisconnectedBefore(optionOrTarget, propertyKey) {
+  return createLifecycleDecoratorWithOptions(ON_BEFORE_DISCONNECTED_METADATA_KEY)(optionOrTarget, propertyKey);
+}
+function onDisconnectedAfter(optionOrTarget, propertyKey) {
+  return createLifecycleDecoratorWithOptions(ON_AFTER_DISCONNECTED_METADATA_KEY)(optionOrTarget, propertyKey);
+}
 var onDisconnected = onDisconnectedAfter;
-var onAdoptedBefore = createLifecycleDecorator(ON_BEFORE_ADOPTED_METADATA_KEY);
-var onAdoptedAfter = createLifecycleDecorator(ON_AFTER_ADOPTED_METADATA_KEY);
+function onAdoptedBefore(optionOrTarget, propertyKey) {
+  return createLifecycleDecoratorWithOptions(ON_BEFORE_ADOPTED_METADATA_KEY)(optionOrTarget, propertyKey);
+}
+function onAdoptedAfter(optionOrTarget, propertyKey) {
+  return createLifecycleDecoratorWithOptions(ON_AFTER_ADOPTED_METADATA_KEY)(optionOrTarget, propertyKey);
+}
 var onAdopted = onAdoptedAfter;
-var onAddEventListener = createLifecycleDecorator(ON_ADD_EVENT_LISTENER_METADATA_KEY);
-var onConnectedSwcApp = createLifecycleDecorator(ON_CONNECTED_SWC_APP_METADATA_KEY);
-var onConnectedCompleted = createLifecycleDecorator(ON_CONNECTED_COMPLETED_METADATA_KEY);
+function onConnectedSwcApp(optionOrTarget, propertyKey) {
+  return createLifecycleDecoratorWithOptions(ON_CONNECTED_SWC_APP_METADATA_KEY)(optionOrTarget, propertyKey);
+}
+function onConnectedCompleted(optionOrTarget, propertyKey) {
+  return createLifecycleDecoratorWithOptions(ON_CONNECTED_COMPLETED_METADATA_KEY)(optionOrTarget, propertyKey);
+}
 var decorator = (options, target, propertyKey) => {
   const constructor = target.constructor;
   let list = ReflectUtils.getMetadata(ON_CONNECTED_METADATA_KEY, constructor);
@@ -6439,20 +6469,28 @@ function onConnected(optionOrTarget, propertyKey, arg3) {
   };
 }
 var findAllLifecycleMetadata = (target, metadataKey) => {
-  const results = ReflectUtils.findAllMetadataFlatten(metadataKey, target) ?? [];
-  return results;
+  const constructor = target instanceof Function ? target : target.constructor;
+  const results = ReflectUtils.getOwnMetadata(metadataKey, constructor) ?? [];
+  return [...results].sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
 };
 var findAllOnConnectedMetadata = (target) => {
   const constructor = target instanceof Function ? target : target.constructor;
-  return ReflectUtils.getMetadata(ON_CONNECTED_METADATA_KEY, constructor) ?? [];
+  const results = ReflectUtils.getMetadata(ON_CONNECTED_METADATA_KEY, constructor) ?? [];
+  return [...results].sort((a, b) => {
+    const orderA = a.options?.order ?? 0;
+    const orderB = b.options?.order ?? 0;
+    return orderA - orderB;
+  });
 };
 var findAllOnConnectedBeforeMetadata = (target) => {
   const constructor = target instanceof Function ? target : target.constructor;
-  return ReflectUtils.getMetadata(ON_BEFORE_CONNECTED_METADATA_KEY, constructor) ?? [];
+  const results = ReflectUtils.getMetadata(ON_BEFORE_CONNECTED_METADATA_KEY, constructor) ?? [];
+  return [...results].sort((a, b) => (a.options?.order ?? 0) - (b.options?.order ?? 0));
 };
 var findAllOnConnectedAfterMetadata = (target) => {
   const constructor = target instanceof Function ? target : target.constructor;
-  return ReflectUtils.getMetadata(ON_AFTER_CONNECTED_METADATA_KEY, constructor) ?? [];
+  const results = ReflectUtils.getMetadata(ON_AFTER_CONNECTED_METADATA_KEY, constructor) ?? [];
+  return [...results].sort((a, b) => (a.options?.order ?? 0) - (b.options?.order ?? 0));
 };
 
 // ../core-web/dist/esm/element/CanvasUtils.js
@@ -7461,7 +7499,7 @@ var DocumentUtils;
   };
   DocumentUtils2.eventObservable = (document2, type, options) => {
     return new Observable((subscriber) => {
-      const handler = (event) => subscriber.next(event);
+      const handler = (event2) => subscriber.next(event2);
       window.addEventListener(type, handler, options);
       return () => {
         window.removeEventListener(type, handler, options);
@@ -7475,7 +7513,7 @@ var EventUtils;
 ((EventUtils2) => {
   EventUtils2.htmlElementEventObservable = (element, type, options) => {
     return new Observable((subscriber) => {
-      const handler = (event) => subscriber.next(event);
+      const handler = (event2) => subscriber.next(event2);
       element.addEventListener(type, handler, options);
       return () => {
         element.removeEventListener(type, handler, options);
@@ -7489,7 +7527,7 @@ var WindowUtils;
 ((WindowUtils2) => {
   WindowUtils2.eventObservable = (window2, type, options) => {
     return new Observable((subscriber) => {
-      const handler = (event) => subscriber.next(event);
+      const handler = (event2) => subscriber.next(event2);
       window2.addEventListener(type, handler, options);
       return () => {
         window2.removeEventListener(type, handler, options);
@@ -7866,7 +7904,7 @@ var Router = class {
       routeData = { ...this.getRouteData(), triggerPoint: "first-end" };
       this.behaviorSubject = new BehaviorSubject(routeData);
     }
-    this.config.window.addEventListener("popstate", (event) => {
+    this.config.window.addEventListener("popstate", (event2) => {
       const routeData2 = { ...this.getRouteData(), triggerPoint: "end" };
       this.behaviorSubject.next(routeData2);
     });
@@ -8258,7 +8296,7 @@ var AnimationFrameUtils;
     divideSize
   }) => {
     return new Observable((subscriber) => {
-      const handler = (event) => subscriber.next(event);
+      const handler = (event2) => subscriber.next(event2);
       let fps2 = 0;
       const getDrawFpsGap = () => {
         return Math.floor(fps2 / divideSize);
@@ -8779,7 +8817,7 @@ function emitCustomEvent(selectorOrTarget, type, options = {}) {
       ensureInit(this);
       const res = original.apply(this, args);
       const handleResult = (detail) => {
-        const event = new CustomEvent(type, {
+        const event2 = new CustomEvent(type, {
           detail,
           bubbles: fullOptions.bubbles,
           composed: fullOptions.composed,
@@ -8829,7 +8867,7 @@ function emitCustomEvent(selectorOrTarget, type, options = {}) {
           if (fullOptions.filter && !fullOptions.filter(t, detail, { currentThis: this, helper: hostSet })) {
             return;
           }
-          t.dispatchEvent(event);
+          t.dispatchEvent(event2);
         });
         return detail;
       };
@@ -8845,6 +8883,7 @@ var getEmitCustomEventMetadataList = (target) => {
   const constructor = target instanceof Function ? target : target.constructor;
   return ReflectUtils.getMetadata(EMIT_CUSTOM_EVENT_METADATA_KEY, constructor);
 };
+var emit = emitCustomEvent;
 function emitCustomEventThis(type, optionsOrAttributeaName) {
   if (optionsOrAttributeaName && typeof optionsOrAttributeaName === "string") {
     return emitCustomEventThis(type, { attributeName: optionsOrAttributeaName });
@@ -9473,13 +9512,21 @@ function applyProperty(selector, targetPropertyKeyOrOptions, options) {
       descriptor.value = function(...args) {
         ensureInit(this);
         const res = original.apply(this, args);
+        const extractValue = (v) => {
+          if (v && typeof v === "object" && PROPERTY_METADATA_KEY in v) {
+            return v[PROPERTY_METADATA_KEY];
+          }
+          return v;
+        };
         if (res instanceof Promise) {
           return res.then((v) => {
-            applyValueToTargets(this, v);
+            const extracted = extractValue(v);
+            applyValueToTargets(this, extracted);
             return v;
           });
         } else {
-          applyValueToTargets(this, res);
+          const extracted = extractValue(res);
+          applyValueToTargets(this, extracted);
           return res;
         }
       };
@@ -9601,16 +9648,14 @@ var ensureInit = (inst) => {
     const appHosts = SwcUtils.findAllAppHostsIncludingSelfDirect(inst);
     inst._executeSwcScript?.("swc-on-constructor", hostSet);
     const cMethods = findAllLifecycleMetadata(inst, ON_INITIALIZE_METADATA_KEY);
-    if (cMethods) {
-      for (const m of cMethods) inst._invokeLifecycleMethod(m, hostSet);
-    }
+    for (const m of cMethods) inst._invokeLifecycleMethod(m.propertyKey, hostSet);
   }
 };
 var globalDelegatedRoots = /* @__PURE__ */ new WeakSet();
-var handleGlobalSwcEvent = async (event) => {
-  if (event.__swc_handled) return;
-  const path = event.composedPath();
-  const type = event.type;
+var handleGlobalSwcEvent = async (event2) => {
+  if (event2.__swc_handled) return;
+  const path = event2.composedPath();
+  const type = event2.type;
   const attrName = `swc-on-${type}`;
   for (const node of path) {
     if (!(node instanceof HTMLElement)) continue;
@@ -9618,8 +9663,8 @@ var handleGlobalSwcEvent = async (event) => {
     if (script && !getElementConfig(node)) {
       const host = SwcUtils.findNearestSwcHostIncludingSelf(node);
       if (host && host.isConnected && typeof host.__swc_executeAttributeEvent === "function") {
-        await host.__swc_executeAttributeEvent(node, attrName, script, event);
-        event.__swc_handled = true;
+        await host.__swc_executeAttributeEvent(node, attrName, script, event2);
+        event2.__swc_handled = true;
         break;
       }
     }
@@ -9708,14 +9753,14 @@ var setupPrototype = (proto, win) => {
     }
     const oldHandler = handlers.get(attrName);
     if (oldHandler) el.removeEventListener(eventName, oldHandler);
-    const handler = async (event) => {
+    const handler = async (event2) => {
       const hostSet = SwcUtils.getHostSet(el);
       const conf = getElementConfig(this);
       const currentWin = this._resolveWindow(conf);
       const helpers = SwcUtils.getHelperSet(currentWin);
       const args = {
-        event,
-        $data: event.detail,
+        event: event2,
+        $data: event2.detail,
         ...hostSet,
         ...helpers,
         $el: el,
@@ -9726,16 +9771,16 @@ var setupPrototype = (proto, win) => {
     el.addEventListener(eventName, handler);
     handlers.set(attrName, handler);
   };
-  proto.__swc_executeAttributeEvent = async function(el, attrName, script, event) {
+  proto.__swc_executeAttributeEvent = async function(el, attrName, script, event2) {
     ensureInit(this);
     const hostSet = SwcUtils.getHostSet(el);
     const conf = getElementConfig(this);
     const currentWin = this._resolveWindow(conf);
     const currentHelpers = SwcUtils.getHelperSet(currentWin);
-    const detail = event.detail;
+    const detail = event2.detail;
     const args = {
-      event,
-      $event: event,
+      event: event2,
+      $event: event2,
       $data: detail,
       $detail: detail,
       ...hostSet,
@@ -9794,9 +9839,7 @@ var elementDefine = (name, config = {}) => (constructor) => {
       const conf = getElementConfig(this);
       const currentWin = this._resolveWindow(conf);
       const bMethods = findAllOnConnectedBeforeMetadata(this).filter((it) => useSsr ? !it.options.ssrFirst : true);
-      if (bMethods) {
-        for (const m of bMethods) await this._invokeLifecycleMethod(m.propertyKey, helperHostSet);
-      }
+      for (const m of bMethods) await this._invokeLifecycleMethod(m.propertyKey, helperHostSet);
       this._executeSwcScript("swc-on-before-connected", helperHostSet);
       const targetConnectedList = findAllOnConnectedMetadata(constructor).filter((it) => useSsr ? !it.options.ssrFirst : true);
       const shadowMode = conf?.useShadow || targetConnectedList.find((it) => it.options.useShadow)?.options.useShadow;
@@ -9888,24 +9931,24 @@ var elementDefine = (name, config = {}) => (constructor) => {
             const bStop = b.options.stopPropagation ? 1 : 0;
             return bStop - aStop;
           });
-          const unifiedHandler = async (event) => {
+          const unifiedHandler = async (event2) => {
             for (const meta of sortedMetaList) {
               const { selector, options } = meta;
-              const matchedEl = event.target.closest(selector);
+              const matchedEl = event2.target.closest(selector);
               if (matchedEl && br.contains(matchedEl)) {
                 if (options.filter) {
                   const helper = SwcUtils.getHelperAndHostSet(currentWin, matchedEl);
-                  if (!options.filter(event, helper)) {
+                  if (!options.filter(event2, helper)) {
                     continue;
                   }
                 }
-                if (options.stopPropagation) event.stopPropagation();
-                if (options.stopImmediatePropagation) event.stopImmediatePropagation();
-                if (options.preventDefault) event.preventDefault();
+                if (options.stopPropagation) event2.stopPropagation();
+                if (options.stopImmediatePropagation) event2.stopImmediatePropagation();
+                if (options.preventDefault) event2.preventDefault();
                 const currentHostSet = SwcUtils.getHostSet(this);
-                const args = { event, ...currentHostSet, $el: matchedEl, $root: br };
-                await this[meta.propertyKey](event, { ...currentHostSet, $matchedElement: matchedEl }, args);
-                if (event.cancelBubble) break;
+                const args = { event: event2, ...currentHostSet, $el: matchedEl, $root: br };
+                await this[meta.propertyKey](event2, { ...currentHostSet, $matchedElement: matchedEl }, args);
+                if (event2.cancelBubble) break;
               }
             }
           };
@@ -9953,19 +9996,19 @@ var elementDefine = (name, config = {}) => (constructor) => {
           });
         }
         bindTargets.forEach((t) => {
-          const handler = async (event) => {
+          const handler = async (event2) => {
             if (options.filter) {
               const helper = SwcUtils.getHelperAndHostSet(currentWin, t);
-              if (!options.filter(event, { currentThis: this, helper })) {
+              if (!options.filter(event2, { currentThis: this, helper })) {
                 return;
               }
             }
-            if (options.stopPropagation) event.stopPropagation();
-            if (options.stopImmediatePropagation) event.stopImmediatePropagation();
-            if (options.preventDefault) event.preventDefault();
+            if (options.stopPropagation) event2.stopPropagation();
+            if (options.stopImmediatePropagation) event2.stopImmediatePropagation();
+            if (options.preventDefault) event2.preventDefault();
             const currentHostSet = SwcUtils.getHostSet(this);
-            const args = { event, ...currentHostSet, $el: t, $root: t };
-            await this[meta.propertyKey](event, { currentHostSet, $$matchedElement: event.currentTarget }, args);
+            const args = { event: event2, ...currentHostSet, $el: t, $root: t };
+            await this[meta.propertyKey](event2, { currentHostSet, $$matchedElement: event2.currentTarget }, args);
           };
           t.addEventListener(type, handler, opts);
           this._boundListeners.push({ target: t, type, handler, options: opts });
@@ -9975,9 +10018,7 @@ var elementDefine = (name, config = {}) => (constructor) => {
       const aMethods = findAllOnConnectedAfterMetadata(this).filter((it) => {
         return useSsr ? !it.options.ssrFirst : true;
       });
-      if (aMethods) {
-        for (const m of aMethods) await this._invokeLifecycleMethod(m.propertyKey, helperHostSet);
-      }
+      for (const m of aMethods) await this._invokeLifecycleMethod(m.propertyKey, helperHostSet);
       this._executeSwcScript("swc-on-connected", helperHostSet);
       this._executeSwcScript("swc-on-after-connected", helperHostSet);
       this.__swc_connected = true;
@@ -9992,8 +10033,8 @@ var elementDefine = (name, config = {}) => (constructor) => {
         }
       }
     } finally {
-      for (let mPropertyKey of findAllLifecycleMetadata(this, ON_CONNECTED_COMPLETED_METADATA_KEY)) {
-        await this._invokeLifecycleMethod(mPropertyKey, helperHostSet);
+      for (let m of findAllLifecycleMetadata(this, ON_CONNECTED_COMPLETED_METADATA_KEY)) {
+        await this._invokeLifecycleMethod(m.propertyKey, helperHostSet);
       }
       if (appHost && typeof appHost._connectedDone === "function") {
         await appHost._connectedDone(this);
@@ -10008,9 +10049,7 @@ var elementDefine = (name, config = {}) => (constructor) => {
     }
     this._executeSwcScript("swc-on-before-disconnected", helperHostSet);
     const bMethods = findAllLifecycleMetadata(this, ON_BEFORE_DISCONNECTED_METADATA_KEY);
-    if (bMethods) {
-      for (const m of bMethods) this._invokeLifecycleMethod(m, helperHostSet);
-    }
+    for (const m of bMethods) this._invokeLifecycleMethod(m.propertyKey, helperHostSet);
     if (this._boundListeners) {
       this._boundListeners.forEach((l) => l.target.removeEventListener(l.type, l.handler, l.options));
       this._boundListeners = [];
@@ -10018,9 +10057,7 @@ var elementDefine = (name, config = {}) => (constructor) => {
     new ElementApply(this, { id: this._swcId }).removeAllEventListener();
     if (originalDisconnected) originalDisconnected.apply(this);
     const aMethods = findAllLifecycleMetadata(this, ON_AFTER_DISCONNECTED_METADATA_KEY);
-    if (aMethods) {
-      for (const m of aMethods) this._invokeLifecycleMethod(m, helperHostSet);
-    }
+    for (const m of aMethods) this._invokeLifecycleMethod(m.propertyKey, helperHostSet);
     this._executeSwcScript("swc-on-disconnected", helperHostSet);
     this._executeSwcScript("swc-on-after-disconnected", helperHostSet);
     this.__swc_connected = false;
@@ -10030,14 +10067,10 @@ var elementDefine = (name, config = {}) => (constructor) => {
     const hostSet = SwcUtils.getHostSet(this);
     this._executeSwcScript("swc-on-before-adopted", hostSet);
     const bMethods = findAllLifecycleMetadata(this, ON_BEFORE_ADOPTED_METADATA_KEY);
-    if (bMethods) {
-      for (const m of bMethods) this._invokeLifecycleMethod(m, hostSet);
-    }
+    for (const m of bMethods) this._invokeLifecycleMethod(m.propertyKey, hostSet);
     if (originalAdopted) originalAdopted.apply(this);
     const aMethods = findAllLifecycleMetadata(this, ON_AFTER_ADOPTED_METADATA_KEY);
-    if (aMethods) {
-      for (const m of aMethods) this._invokeLifecycleMethod(m, hostSet);
-    }
+    for (const m of aMethods) this._invokeLifecycleMethod(m.propertyKey, hostSet);
     this._executeSwcScript("swc-on-adopted", hostSet);
     this._executeSwcScript("swc-on-after-adopted", hostSet);
   };
@@ -10230,13 +10263,22 @@ function applyAttribute(selector, targetAttributeNameOrOptions, options) {
       descriptor.value = function(...args) {
         ensureInit(this);
         const res = original.apply(this, args);
+        const extractValue = (v) => {
+          const keyToUse = finalOptions.valueKey ?? ATTRIBUTE_METADATA_KEY;
+          if (v && typeof v === "object" && keyToUse in v) {
+            return v[keyToUse];
+          }
+          return v;
+        };
         if (res instanceof Promise) {
           return res.then((v) => {
-            applyValueToTargets(this, v);
+            const extracted = extractValue(v);
+            applyValueToTargets(this, extracted);
             return v;
           });
         } else {
-          applyValueToTargets(this, res);
+          const extracted = extractValue(res);
+          applyValueToTargets(this, extracted);
           return res;
         }
       };
@@ -10380,6 +10422,13 @@ function applyNode(selector, options = { position: "replaceChildren" }) {
       };
       const targetEl = getTarget();
       const res = original.apply(this, args);
+      const extractValue = (v) => {
+        const keyToUse = options.valueKey ?? APPLY_NODE_METADATA_KEY;
+        if (v && typeof v === "object" && keyToUse in v) {
+          return v[keyToUse];
+        }
+        return v;
+      };
       const runApply = (target, val) => {
         const pos = options.position || "beforeEnd";
         const processedVal = val;
@@ -10394,12 +10443,14 @@ function applyNode(selector, options = { position: "replaceChildren" }) {
       }
       if (res instanceof Promise) {
         return res.then((finalRes) => {
+          const extracted = extractValue(finalRes);
           fallbackNodes.forEach((it) => it.remove());
-          if (finalRes !== void 0 && targetEl) runApply(targetEl, finalRes);
+          if (extracted !== void 0 && targetEl) runApply(targetEl, extracted);
           return finalRes;
         });
       } else {
-        if (res !== void 0 && targetEl) runApply(targetEl, res);
+        const extracted = extractValue(res);
+        if (extracted !== void 0 && targetEl) runApply(targetEl, extracted);
         return res;
       }
     };
@@ -10526,6 +10577,13 @@ function createClassDecorator(action) {
       descriptor.value = function(...args) {
         ensureInit(this);
         const res = original.apply(this, args);
+        const extractValue = (v) => {
+          const keyToUse = finalOptions.valueKey ?? CLASS_METADATA_KEY;
+          if (v && typeof v === "object" && keyToUse in v) {
+            return v[keyToUse];
+          }
+          return v;
+        };
         const handleResult = (resolvedValue) => {
           if (resolvedValue !== void 0) {
             const win = this.ownerDocument?.defaultView || window;
@@ -10605,9 +10663,9 @@ function createClassDecorator(action) {
           return resolvedValue;
         };
         if (res instanceof Promise) {
-          return res.then(handleResult);
+          return res.then((v) => handleResult(extractValue(v)));
         } else {
-          return handleResult(res);
+          return handleResult(extractValue(res));
         }
       };
       return descriptor;
@@ -10657,6 +10715,13 @@ function createStyleDecorator(action) {
       descriptor.value = function(...args) {
         ensureInit(this);
         const res = original.apply(this, args);
+        const extractValue = (v) => {
+          const keyToUse = options.valueKey ?? STYLE_METADATA_KEY;
+          if (v && typeof v === "object" && keyToUse in v) {
+            return v[keyToUse];
+          }
+          return v;
+        };
         const handleResult = (resolvedValue) => {
           if (resolvedValue !== void 0) {
             const win = this.ownerDocument?.defaultView || window;
@@ -10722,9 +10787,9 @@ function createStyleDecorator(action) {
           return resolvedValue;
         };
         if (res instanceof Promise) {
-          return res.then(handleResult);
+          return res.then((v) => handleResult(extractValue(v)));
         } else {
-          return handleResult(res);
+          return handleResult(extractValue(res));
         }
       };
       return descriptor;
@@ -10792,7 +10857,9 @@ function subscribeSwcAppRouteChangeWhileConnected(targetOrOptions, propertyKeyOr
 }
 var getSubscribeSwcAppRouteChangeWhileConnectedMetadata = (target) => {
   const constructor = target instanceof Function ? target : target.constructor;
-  return ReflectUtils.getOwnMetadata(SUBSCRIBE_SWC_APP_ROUTE_CHANGE_WHILE_CONNECTED_METADATA_KEY, constructor);
+  const results = ReflectUtils.getOwnMetadata(SUBSCRIBE_SWC_APP_ROUTE_CHANGE_WHILE_CONNECTED_METADATA_KEY, constructor);
+  if (!results) return [];
+  return [...results].sort((a, b) => (a.options?.order ?? 0) - (b.options?.order ?? 0));
 };
 
 // src/decorators/subscribeSwcAppMessageWhileConnected.ts
@@ -10835,7 +10902,7 @@ var getSubscribeSwcAppMessageWhileConnectedMetadata = (target) => {
 
 // src/decorators/publishSwcAppMessage.ts
 var PUBLISH_SWC_APP_MESSAGE_METADATA_KEY = Symbol.for("simple-web-component:publish-swc-app-message");
-function createPublishSwcAppMessage(messageType) {
+function createPublishSwcAppMessage(messageType, options) {
   return (target, propertyKey, descriptor) => {
     const constructor = target.constructor;
     let list = ReflectUtils.getOwnMetadata(PUBLISH_SWC_APP_MESSAGE_METADATA_KEY, constructor);
@@ -10850,45 +10917,58 @@ function createPublishSwcAppMessage(messageType) {
     const originalMethod = descriptor.value;
     descriptor.value = function(...args) {
       const result = originalMethod.apply(this, args);
-      if (result instanceof Promise) {
-        result.then((data) => {
-          const appHost = SwcUtils.getAppHost(this);
-          if (appHost) {
-            appHost.publishMessage({
-              publisher: this,
-              data,
-              type: messageType
-            });
-          }
-        }).catch((err) => {
-          console.warn("publishSwcAppMessage async error:", err);
-        });
-      } else {
+      const extractValue = (v) => {
+        const keyToUse = options?.valueKey ?? PUBLISH_SWC_APP_MESSAGE_METADATA_KEY;
+        if (v && typeof v === "object" && keyToUse in v) {
+          return v[keyToUse];
+        }
+        return v;
+      };
+      const publishMessage = (data) => {
         const appHost = SwcUtils.getAppHost(this);
         if (appHost) {
           appHost.publishMessage({
             publisher: this,
-            data: result,
+            data,
             type: messageType
           });
         }
+      };
+      if (result instanceof Promise) {
+        result.then((data) => {
+          const extracted = extractValue(data);
+          publishMessage(extracted);
+        }).catch((err) => {
+          console.warn("publishSwcAppMessage async error:", err);
+        });
+      } else {
+        const extracted = extractValue(result);
+        publishMessage(extracted);
       }
       return result;
     };
     return descriptor;
   };
 }
-function publishSwcAppMessage(targetOrMessageType, propertyKey, descriptor) {
-  if (targetOrMessageType && typeof targetOrMessageType === "object" && propertyKey && (typeof propertyKey === "string" || typeof propertyKey === "symbol") && descriptor) {
-    const target = targetOrMessageType;
-    return createPublishSwcAppMessage()(target, propertyKey, descriptor);
+function publishSwcAppMessage(targetOrMessageTypeOrOptions, propertyKeyOrOptions, descriptor) {
+  if (targetOrMessageTypeOrOptions && typeof targetOrMessageTypeOrOptions === "object" && propertyKeyOrOptions && (typeof propertyKeyOrOptions === "string" || typeof propertyKeyOrOptions === "symbol") && descriptor) {
+    const target = targetOrMessageTypeOrOptions;
+    return createPublishSwcAppMessage()(target, propertyKeyOrOptions, descriptor);
   }
   let messageType;
-  if (typeof targetOrMessageType === "string") {
-    messageType = targetOrMessageType;
+  let options;
+  if (typeof targetOrMessageTypeOrOptions === "string") {
+    messageType = targetOrMessageTypeOrOptions;
+    if (typeof propertyKeyOrOptions === "object" && propertyKeyOrOptions !== null) {
+      options = propertyKeyOrOptions;
+    }
+  } else if (typeof targetOrMessageTypeOrOptions === "object" && targetOrMessageTypeOrOptions !== null) {
+    options = targetOrMessageTypeOrOptions;
+    messageType = options.messageType;
   }
-  return createPublishSwcAppMessage(messageType);
+  return createPublishSwcAppMessage(messageType, options);
 }
+var publish = publishSwcAppMessage;
 var getPublishSwcAppMessageMetadata = (target) => {
   const constructor = target instanceof Function ? target : target.constructor;
   return ReflectUtils.getOwnMetadata(PUBLISH_SWC_APP_MESSAGE_METADATA_KEY, constructor);
@@ -10948,15 +11028,24 @@ function applySlot(targetId, opt) {
         fallbackNodes.push(...nodes);
         applyToDom2(swcId, targetId, options.position, nodes);
       }
+      const extractValue = (v) => {
+        const keyToUse = options.valueKey ?? APPLY_SLOT_METADATA_KEY;
+        if (v && typeof v === "object" && keyToUse in v) {
+          return v[keyToUse];
+        }
+        return v;
+      };
       let res = original.apply(this, args);
       if (res instanceof Promise) {
         return res.then((asyncRes) => {
-          const nodes = resToNodes(asyncRes);
+          const extracted = extractValue(asyncRes);
+          const nodes = resToNodes(extracted);
           fallbackNodes.forEach((it) => it.remove());
           applyToDom2(swcId, targetId, options.position, nodes);
         });
       } else {
-        const nodes = resToNodes(res);
+        const extracted = extractValue(res);
+        const nodes = resToNodes(extracted);
         applyToDom2(swcId, targetId, options.position, nodes);
       }
     };
@@ -13238,14 +13327,9 @@ function SwcAppMixin(Base) {
       );
       try {
         const routeChangeSubscribers = getSubscribeSwcAppRouteChangeWhileConnectedMetadata(instance);
-        if (routeChangeSubscribers && Array.isArray(routeChangeSubscribers)) {
+        if (routeChangeSubscribers.length > 0) {
           console.log("[SWC-MIXIN] Route change subscribers found");
-          const sortedSubscribers = [...routeChangeSubscribers].sort((a, b) => {
-            const orderA = a.options?.order ?? 0;
-            const orderB = b.options?.order ?? 0;
-            return orderA - orderB;
-          });
-          for (const metadata of sortedSubscribers) {
+          for (const metadata of routeChangeSubscribers) {
             const methodName = metadata.propertyKey;
             let pathPattern = metadata.options?.path;
             const filter = metadata.options?.filter;
@@ -13300,9 +13384,9 @@ function SwcAppMixin(Base) {
           this._connectedInvocations++;
         }
         this._swc_connected_instance.add(instance);
-        const connectedSwcAppCallBacks = findAllLifecycleMetadata(instance, ON_CONNECTED_SWC_APP_METADATA_KEY) ?? [];
+        const connectedSwcAppCallBacks = findAllLifecycleMetadata(instance, ON_CONNECTED_SWC_APP_METADATA_KEY);
         for (let connectedSwcAppCallBack of connectedSwcAppCallBacks) {
-          await instance?._invokeLifecycleMethod?.(connectedSwcAppCallBack);
+          await instance?._invokeLifecycleMethod?.(connectedSwcAppCallBack.propertyKey);
         }
         if (this._childrenConnectedDoneInterval) {
           this.config.window.clearInterval(this._childrenConnectedDoneInterval);
@@ -13718,9 +13802,15 @@ export {
   defineSwcAppNav,
   defineSwcAppSection,
   elementDefine,
+  emit,
   emitCustomEvent,
   emitCustomEventThis,
   ensureInit,
+  event,
+  eventDelegate,
+  eventDelegateAllDom,
+  eventDelegateLightDom,
+  eventDelegateShadowDom,
   findAllApplyNodeMetadata,
   findAllApplySlotMetadata,
   findAllAttributeApplyMetadata,
@@ -13767,7 +13857,6 @@ export {
   innerTextNodeThis,
   innerTextShadowNode,
   isSSR,
-  onAddEventListener,
   onAdopted,
   onAdoptedAfter,
   onAdoptedBefore,
@@ -13787,6 +13876,7 @@ export {
   prependTextSlot,
   property,
   propertyThis,
+  publish,
   publishSwcAppMessage,
   query,
   queryAll,