@dooboostore/simple-web-component 1.0.41 → 1.0.43

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

@@ -1215,9 +1215,15 @@ var dooboostoreSimpleWebComponent = (() => {
     defineSwcAppNav: () => defineSwcAppNav,
     defineSwcAppSection: () => defineSwcAppSection,
     elementDefine: () => elementDefine,
+    emit: () => emit,
     emitCustomEvent: () => emitCustomEvent,
     emitCustomEventThis: () => emitCustomEventThis,
     ensureInit: () => ensureInit,
+    event: () => event,
+    eventDelegate: () => eventDelegate,
+    eventDelegateAllDom: () => eventDelegateAllDom,
+    eventDelegateLightDom: () => eventDelegateLightDom,
+    eventDelegateShadowDom: () => eventDelegateShadowDom,
     findAllApplyNodeMetadata: () => findAllApplyNodeMetadata,
     findAllApplySlotMetadata: () => findAllApplySlotMetadata,
     findAllAttributeApplyMetadata: () => findAllAttributeApplyMetadata,
@@ -1264,7 +1270,6 @@ var dooboostoreSimpleWebComponent = (() => {
     innerTextNodeThis: () => innerTextNodeThis,
     innerTextShadowNode: () => innerTextShadowNode,
     isSSR: () => isSSR,
-    onAddEventListener: () => onAddEventListener,
     onAdopted: () => onAdopted,
     onAdoptedAfter: () => onAdoptedAfter,
     onAdoptedBefore: () => onAdoptedBefore,
@@ -1284,6 +1289,7 @@ var dooboostoreSimpleWebComponent = (() => {
     prependTextSlot: () => prependTextSlot,
     property: () => property,
     propertyThis: () => propertyThis,
+    publish: () => publish,
     publishSwcAppMessage: () => publishSwcAppMessage,
     query: () => query,
     queryAll: () => queryAll,
@@ -6545,6 +6551,11 @@ var dooboostoreSimpleWebComponent = (() => {
   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);
   }
@@ -6609,27 +6620,52 @@ var dooboostoreSimpleWebComponent = (() => {
       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);
@@ -6664,20 +6700,28 @@ var dooboostoreSimpleWebComponent = (() => {
     };
   }
   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
@@ -7686,7 +7730,7 @@ var dooboostoreSimpleWebComponent = (() => {
     };
     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);
@@ -7700,7 +7744,7 @@ var dooboostoreSimpleWebComponent = (() => {
   ((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);
@@ -7714,7 +7758,7 @@ var dooboostoreSimpleWebComponent = (() => {
   ((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);
@@ -8091,7 +8135,7 @@ var dooboostoreSimpleWebComponent = (() => {
         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);
       });
@@ -8483,7 +8527,7 @@ var dooboostoreSimpleWebComponent = (() => {
       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);
@@ -9004,7 +9048,7 @@ var dooboostoreSimpleWebComponent = (() => {
         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,
@@ -9054,7 +9098,7 @@ var dooboostoreSimpleWebComponent = (() => {
             if (fullOptions.filter && !fullOptions.filter(t, detail, { currentThis: this, helper: hostSet })) {
               return;
             }
-            t.dispatchEvent(event);
+            t.dispatchEvent(event2);
           });
           return detail;
         };
@@ -9070,6 +9114,7 @@ var dooboostoreSimpleWebComponent = (() => {
     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 });
@@ -9698,13 +9743,21 @@ var dooboostoreSimpleWebComponent = (() => {
         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;
           }
         };
@@ -9826,16 +9879,14 @@ var dooboostoreSimpleWebComponent = (() => {
       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;
@@ -9843,8 +9894,8 @@ var dooboostoreSimpleWebComponent = (() => {
       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;
         }
       }
@@ -9933,14 +9984,14 @@ var dooboostoreSimpleWebComponent = (() => {
       }
       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,
@@ -9951,16 +10002,16 @@ var dooboostoreSimpleWebComponent = (() => {
       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,
@@ -10019,9 +10070,7 @@ var dooboostoreSimpleWebComponent = (() => {
         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;
@@ -10113,24 +10162,24 @@ var dooboostoreSimpleWebComponent = (() => {
               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;
                 }
               }
             };
@@ -10178,19 +10227,19 @@ var dooboostoreSimpleWebComponent = (() => {
             });
           }
           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 });
@@ -10200,9 +10249,7 @@ var dooboostoreSimpleWebComponent = (() => {
         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;
@@ -10217,8 +10264,8 @@ var dooboostoreSimpleWebComponent = (() => {
           }
         }
       } 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);
@@ -10233,9 +10280,7 @@ var dooboostoreSimpleWebComponent = (() => {
       }
       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 = [];
@@ -10243,9 +10288,7 @@ var dooboostoreSimpleWebComponent = (() => {
       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;
@@ -10255,14 +10298,10 @@ var dooboostoreSimpleWebComponent = (() => {
       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);
     };
@@ -10455,13 +10494,22 @@ var dooboostoreSimpleWebComponent = (() => {
         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;
           }
         };
@@ -10605,6 +10653,13 @@ var dooboostoreSimpleWebComponent = (() => {
         };
         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;
@@ -10619,12 +10674,14 @@ var dooboostoreSimpleWebComponent = (() => {
         }
         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;
         }
       };
@@ -10751,6 +10808,13 @@ var dooboostoreSimpleWebComponent = (() => {
         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;
@@ -10830,9 +10894,9 @@ var dooboostoreSimpleWebComponent = (() => {
             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;
@@ -10882,6 +10946,13 @@ var dooboostoreSimpleWebComponent = (() => {
         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;
@@ -10947,9 +11018,9 @@ var dooboostoreSimpleWebComponent = (() => {
             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;
@@ -11017,7 +11088,9 @@ var dooboostoreSimpleWebComponent = (() => {
   }
   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
@@ -11060,7 +11133,7 @@ var dooboostoreSimpleWebComponent = (() => {
 
   // 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);
@@ -11075,45 +11148,58 @@ var dooboostoreSimpleWebComponent = (() => {
       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);
@@ -11173,15 +11259,24 @@ var dooboostoreSimpleWebComponent = (() => {
           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);
         }
       };
@@ -13463,14 +13558,9 @@ var dooboostoreSimpleWebComponent = (() => {
         );
         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;
@@ -13525,9 +13615,9 @@ var dooboostoreSimpleWebComponent = (() => {
             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);