@dooboostore/simple-web-component 1.0.42 → 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,
@@ -1283,6 +1289,7 @@ var dooboostoreSimpleWebComponent = (() => {
     prependTextSlot: () => prependTextSlot,
     property: () => property,
     propertyThis: () => propertyThis,
+    publish: () => publish,
     publishSwcAppMessage: () => publishSwcAppMessage,
     query: () => query,
     queryAll: () => queryAll,
@@ -6544,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);
   }
@@ -7718,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);
@@ -7732,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);
@@ -7746,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);
@@ -8123,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);
       });
@@ -8515,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);
@@ -9036,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,
@@ -9086,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;
         };
@@ -9102,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 });
@@ -9730,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;
           }
         };
@@ -9862,10 +9883,10 @@ var dooboostoreSimpleWebComponent = (() => {
     }
   };
   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;
@@ -9873,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;
         }
       }
@@ -9963,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,
@@ -9981,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,
@@ -10141,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;
                 }
               }
             };
@@ -10206,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 });
@@ -10473,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;
           }
         };
@@ -10623,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;
@@ -10637,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;
         }
       };
@@ -10769,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;
@@ -10848,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;
@@ -10900,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;
@@ -10965,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;
@@ -11080,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);
@@ -11095,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);
@@ -11193,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);
         }
       };