@dooboostore/simple-web-component 1.0.42 → 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);
 }
@@ -7494,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);
@@ -7508,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);
@@ -7522,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);
@@ -7899,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);
     });
@@ -8291,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);
@@ -8812,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,
@@ -8862,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;
       };
@@ -8878,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 });
@@ -9506,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;
         }
       };
@@ -9638,10 +9652,10 @@ var ensureInit = (inst) => {
   }
 };
 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;
@@ -9649,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;
       }
     }
@@ -9739,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,
@@ -9757,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,
@@ -9917,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;
               }
             }
           };
@@ -9982,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 });
@@ -10249,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;
         }
       };
@@ -10399,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;
@@ -10413,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;
       }
     };
@@ -10545,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;
@@ -10624,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;
@@ -10676,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;
@@ -10741,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;
@@ -10856,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);
@@ -10871,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);
@@ -10969,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);
       }
     };
@@ -13734,9 +13802,15 @@ export {
   defineSwcAppNav,
   defineSwcAppSection,
   elementDefine,
+  emit,
   emitCustomEvent,
   emitCustomEventThis,
   ensureInit,
+  event,
+  eventDelegate,
+  eventDelegateAllDom,
+  eventDelegateLightDom,
+  eventDelegateShadowDom,
   findAllApplyNodeMetadata,
   findAllApplySlotMetadata,
   findAllAttributeApplyMetadata,
@@ -13802,6 +13876,7 @@ export {
   prependTextSlot,
   property,
   propertyThis,
+  publish,
   publishSwcAppMessage,
   query,
   queryAll,