@dooboostore/simple-web-component 1.0.27 → 1.0.28

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dooboostore/simple-web-component",
-  "version": "1.0.27",
+  "version": "1.0.28",
   "license": "MIT",
   "type": "module",
   "main": "./dist/cjs/index.js",
@@ -92,9 +92,9 @@
     "webpack": "^5.93.0",
     "webpack-cli": "^5.1.4",
     "webpack-dev-server": "^5.2.0",
-    "@dooboostore/core": "1.0.30",
-    "@dooboostore/core-web": "1.0.10",
     "@dooboostore/core-node": "1.0.12",
+    "@dooboostore/core-web": "1.0.10",
+    "@dooboostore/core": "1.0.30",
     "@dooboostore/simple-boot": "1.0.54"
   },
   "scripts": {

package/src/decorators/addEventListener.ts

@@ -1,5 +1,5 @@
 import { ReflectUtils } from '@dooboostore/core';
-import { SpecialSelector, SwcQueryOptions } from '../types';
+import { SpecialSelector, SwcQueryOptions, HelperHostSet } from '../types';
 
 export interface AddEventListenerBaseOptions extends EventListenerOptions {
   capture?: boolean;
@@ -10,6 +10,7 @@ export interface AddEventListenerBaseOptions extends EventListenerOptions {
   preventDefault?: boolean;
   removeOnDisconnected?: boolean;
   delegate?: boolean;
+  filter?: (target: Event | CustomEvent, helper: HelperHostSet) => boolean;
 }
 
 export interface AddEventListenerMetadata {
@@ -53,3 +54,12 @@ export const getAddEventListenerMetadata = (target: any): AddEventListenerMetada
 export function addEventListenerHost(type: string, options?: AddEventListenerBaseOptions & SwcQueryOptions): MethodDecorator {
   return addEventListener(':host', type, options);
 }
+
+/**
+ * @addEventListenerAppHost decorator - simplified version of @addEventListener for :appHost selector
+ * Usage: @addEventListenerAppHost('click')
+ * Usage: @addEventListenerAppHost('click', { stopPropagation: true })
+ */
+export function addEventListenerAppHost(type: string, options?: AddEventListenerBaseOptions & SwcQueryOptions): MethodDecorator {
+  return addEventListener(':appHost', type, options);
+}

package/src/decorators/elementDefine.ts

@@ -396,6 +396,13 @@ export const elementDefine =
               const { selector, options } = meta;
               const matchedEl = (event.target as HTMLElement).closest(selector);
               if (matchedEl && (br as any).contains(matchedEl)) {
+                // Apply filter if specified
+                if (options.filter) {
+                  const helper = SwcUtils.getHelperAndHostSet(currentWin, matchedEl);
+                  if (!options.filter(event, helper)) {
+                    continue;  // Skip this listener if filter returns false
+                  }
+                }
                 if (options.stopPropagation) event.stopPropagation();
                 if (options.stopImmediatePropagation) event.stopImmediatePropagation();
                 if (options.preventDefault) event.preventDefault();
@@ -454,6 +461,13 @@ export const elementDefine =
 
         bindTargets.forEach(t => {
           const handler = async (event: Event) => {
+            // Apply filter if specified
+            if (options.filter) {
+              const helper = SwcUtils.getHelperAndHostSet(currentWin, t as HTMLElement);
+              if (!options.filter(event, helper)) {
+                return;  // Skip if filter returns false
+              }
+            }
             if (options.stopPropagation) event.stopPropagation();
             if (options.stopImmediatePropagation) event.stopImmediatePropagation();
             if (options.preventDefault) event.preventDefault();