@dooboostore/simple-web-component 1.0.29 → 1.0.31

package/src/utils/Utils.ts

@@ -148,6 +148,27 @@ export const htmlArticleElement = (options?: { doc?: Document; attrs?: Record<st
 };
 
 export namespace SwcUtils {
+
+
+  export const parsePathPatternsSetAttributeString = (pathPattern: string[], path: string) => {
+    return JSON.stringify(SwcUtils.parsePathPatternsSet(pathPattern, path)).replace(/"/g, "'");
+  }
+
+  export const parsePathPatternsSet = (pathPattern: string[], path: string) => {
+    return {
+      path: path,
+      pathData: SwcUtils.parsePathPatterns(pathPattern, path)
+    };
+  };
+  export const parsePathPatterns = (pathPattern: string[], path: string) => {
+    for (const pattern of pathPattern) {
+      const data = SwcUtils.parsePathPattern(pattern, path || '/');
+      if (data !== null) {
+        return data;
+      }
+    }
+  };
+
   export const getHelperSet = (win: Window): HelperSet => {
     const doc: Document = win.document;
     return {
@@ -255,32 +276,31 @@ export namespace SwcUtils {
   export const findAllParentAppHostsDirect = (el: HTMLElement): SwcAppInterface[] => {
     const appHosts: SwcAppInterface[] = [];
     
-    // Start from shadow root's host if el is inside shadow DOM, otherwise from parentElement
-    let current: HTMLElement | null = null;
-    const rootNode = el.getRootNode();
-    if (rootNode instanceof ShadowRoot) {
-      // Element is inside shadow DOM, start from shadow root's host
-      current = (rootNode as any).host as HTMLElement;
-    } else {
-      // Element is in light DOM, start from parent
-      current = el.parentElement;
-    }
-    
+    // el 자체부터 시작 (el이 app host일 수도 있음)
+    let current: HTMLElement | null = el;
+
     while (current) {
-      // console.log('vvvvvvv');
-      // alert(1)
-      // debugger;
       const isAppHost =
-        current.tagName.toLowerCase() === 'swc-app' || 
+        current.tagName.toLowerCase() === 'swc-app' ||
         current.getAttribute('is')?.startsWith('swc-app-');
       if (isAppHost) {
         appHosts.push(current as SwcAppInterface);
       }
-      // Handle shadow DOM
-      if (current.shadowRoot) {
-        current = ((current.shadowRoot as any).host as HTMLElement).parentElement;
-      } else {
+
+      // 다음 부모 찾기
+      if (current.parentElement) {
+        // Light DOM: 정상적인 부모 요소
         current = current.parentElement;
+      } else {
+        // parentElement가 없음 = Shadow root의 직접 자식일 수 있음
+        const root = current.getRootNode();
+        if (root instanceof ShadowRoot) {
+          // Shadow host로 올라가기
+          current = root.host as HTMLElement;
+        } else {
+          // Document root 도달
+          break;
+        }
       }
     }
     return appHosts.reverse(); // [root, ..., closest-parent]
@@ -316,6 +336,7 @@ export namespace SwcUtils {
     }
 
     const $appHosts = SwcUtils.findAllParentAppHostsDirect(el); //$hosts.filter(h => h.tagName.toLowerCase() === 'swc-app' || h.getAttribute('is')?.startsWith('swc-app-')) as SwcAppInterface[];
+    // console.log('apphosts00000000', $appHosts)
     const $appHost = $appHosts.length > 0 ? ($appHosts[$appHosts.length - 1] === el ? ($appHosts.length > 1 ? $appHosts[$appHosts.length - 2] : null) : $appHosts[$appHosts.length - 1]) : null;
     const $firstAppHost = $appHosts.length > 0 ? $appHosts[0] : null;