@dooboostore/simple-web-component 1.0.47 → 1.0.49

package/src/decorators/queryAll.ts

@@ -1,186 +0,0 @@
-import { ReflectUtils } from '@dooboostore/core';
-import { getElementConfig, ensureInit } from './elementDefine';
-import { SwcUtils } from '../utils/Utils';
-import { SwcQueryOptions, HelperHostSet } from '../types';
-
-export interface QueryAllOptions extends SwcQueryOptions {
-  /**
-   * Filter function to determine whether to include the element.
-   * If it returns false, the element is skipped.
-   */
-  filter?: (target: HTMLElement, meta: { currentThis: any, helper: HelperHostSet }) => boolean;
-}
-
-export interface QueryAllMetadata {
-  propertyKey: string | symbol;
-  selector: string | ((currentThis: any, helper: HelperHostSet) => NodeList | Element | Element[] | null);
-  options: QueryAllOptions;
-}
-
-export const QUERY_ALL_METADATA_KEY = Symbol.for('simple-web-component:query-all');
-
-export function queryAll(target: Object, propertyKey: string | symbol, descriptor?: PropertyDescriptor): PropertyDescriptor | void;
-export function queryAll(selector: string | ((currentThis: any, helper: HelperHostSet) => NodeList | Element | Element[] | null), options?: QueryAllOptions): PropertyDecorator;
-export function queryAll(options?: QueryAllOptions): PropertyDecorator;
-/**
- * @queryAll decorator to inject a list of elements into a class property.
- * 
- * Supports both string selectors and function-based selectors:
- * - String selector: @queryAll('.item')
- * - Function selector: @queryAll((currentThis, helper) => currentThis.shadowRoot?.querySelectorAll('.item'))
- * 
- * Supports filtering:
- * - @queryAll('.item', { filter: (target, meta) => target.hasAttribute('active') })
- */
-export function queryAll(selectorOrTarget?: string | ((currentThis: any, helper: HelperHostSet) => NodeList | Element | Element[] | null) | Object, optionsOrPropertyKey?: QueryAllOptions | string | symbol, descriptor?: PropertyDescriptor): any {
-  // Bare decorator: @queryAll
-  if (descriptor !== undefined && (typeof optionsOrPropertyKey === 'string' || typeof optionsOrPropertyKey === 'symbol')) {
-    throw new Error(`@queryAll decorator cannot be used on methods. (Method: ${String(optionsOrPropertyKey)})`);
-  }
-  // With selector
-  if (typeof selectorOrTarget === 'string' || typeof selectorOrTarget === 'function') {
-    return (targetObj: Object, propertyKey: string | symbol, descriptor?: never): void => {
-      if (descriptor !== undefined) {
-        throw new Error(`@queryAll decorator cannot be used on methods. (Method: ${String(propertyKey)})`);
-      }
-
-      const constructor = targetObj.constructor;
-      let queries = ReflectUtils.getMetadata<QueryAllMetadata[]>(QUERY_ALL_METADATA_KEY, constructor);
-      if (!queries) {
-        queries = [];
-        ReflectUtils.defineMetadata(QUERY_ALL_METADATA_KEY, queries, constructor);
-      }
-      queries.push({ propertyKey, selector: selectorOrTarget as any, options: optionsOrPropertyKey as QueryAllOptions || {} });
-
-      Object.defineProperty(targetObj, propertyKey, {
-        get(this: HTMLElement) {
-          ensureInit(this);
-          const config = getElementConfig(this);
-          const win = config?.window || window;
-          const hostSet = SwcUtils.getHelperAndHostSet(win, this);
-          
-          // Resolve selector - can be string or function
-          let resolvedSelector: string;
-          let resolvedElements: HTMLElement[] = [];
-          
-          if (typeof selectorOrTarget === 'function') {
-            const result = (selectorOrTarget as any)(this, hostSet);
-            // If function returns NodeList or Element[], convert to array
-            if (result instanceof win.NodeList) {
-              resolvedElements = Array.from(result).filter(el => el instanceof win.HTMLElement) as HTMLElement[];
-            } else if (Array.isArray(result)) {
-              resolvedElements = result.filter(el => el instanceof win.HTMLElement) as HTMLElement[];
-            }
-          } else {
-            resolvedSelector = selectorOrTarget;
-
-            const r = (optionsOrPropertyKey as QueryAllOptions)?.root || 'auto';
-            const applyRoot = (t: any): any[] => {
-              if (!t) return [];
-              const items = Array.isArray(t) ? t : [t];
-              const results: any[] = [];
-              items.forEach(it => {
-                if (!(it instanceof HTMLElement)) {
-                  results.push(it);
-                  return;
-                }
-                if (r === 'auto') results.push(it.shadowRoot || it);
-                else {
-                  if (r === 'light' || r === 'all') results.push(it);
-                  if ((r === 'shadow' || r === 'all') && it.shadowRoot) results.push(it.shadowRoot);
-                }
-              });
-              return results;
-            };
-
-            // --- Special Selectors: HostSet ---
-            if (resolvedSelector === '$hosts') resolvedElements = applyRoot(hostSet.$hosts).filter(el => el instanceof HTMLElement);
-            else if (resolvedSelector === '$appHosts') resolvedElements = applyRoot(hostSet.$appHosts).filter(el => el instanceof HTMLElement);
-            else if (resolvedSelector === '$host') resolvedElements = applyRoot(hostSet.$host).filter(el => el instanceof HTMLElement);
-            else if (resolvedSelector === '$parentHost') resolvedElements = applyRoot(hostSet.$parentHost).filter(el => el instanceof HTMLElement);
-            else if (resolvedSelector === '$appHost') resolvedElements = applyRoot(hostSet.$appHost).filter(el => el instanceof HTMLElement);
-            else if (resolvedSelector === '$firstHost') resolvedElements = applyRoot(hostSet.$firstHost).filter(el => el instanceof HTMLElement);
-            else if (resolvedSelector === '$lastHost') resolvedElements = applyRoot(hostSet.$lastHost).filter(el => el instanceof HTMLElement);
-            else if (resolvedSelector === '$firstAppHost') resolvedElements = applyRoot(hostSet.$firstAppHost).filter(el => el instanceof HTMLElement);
-            else if (resolvedSelector === '$lastAppHost') resolvedElements = applyRoot(hostSet.$lastAppHost).filter(el => el instanceof HTMLElement);
-            // --- Special Selectors: Env ---
-            else if (resolvedSelector === '$window') return [win];
-            else if (resolvedSelector === '$document') return [win.document];
-            else if (resolvedSelector === '$this') resolvedElements = applyRoot(this).filter(el => el instanceof HTMLElement);
-            // --- Standard Selectors ---
-            else {
-              if (r === 'shadow') resolvedElements = this.shadowRoot ? (Array.from(this.shadowRoot.querySelectorAll(resolvedSelector)) as HTMLElement[]) : [];
-              else if (r === 'light') resolvedElements = Array.from(this.querySelectorAll(resolvedSelector)) as HTMLElement[];
-              else if (r === 'all') {
-                const sNodes = this.shadowRoot ? (Array.from(this.shadowRoot.querySelectorAll(resolvedSelector)) as HTMLElement[]) : [];
-                const lNodes = Array.from(this.querySelectorAll(resolvedSelector)) as HTMLElement[];
-                resolvedElements = [...sNodes, ...lNodes];
-              }
-              else resolvedElements = (Array.from((this.shadowRoot || this).querySelectorAll(resolvedSelector)) as HTMLElement[]);
-            }
-          }
-
-          // Apply filter if provided
-          if ((optionsOrPropertyKey as QueryAllOptions)?.filter) {
-            resolvedElements = resolvedElements.filter(el => {
-              if (!(el instanceof win.HTMLElement)) return true;
-              return (optionsOrPropertyKey as QueryAllOptions).filter!(el, { currentThis: this, helper: hostSet });
-            });
-          }
-
-          return resolvedElements;
-        },
-        set(this: HTMLElement, nv: any) {
-          ensureInit(this);
-          if (nv === null || nv === undefined || (Array.isArray(nv) && nv.length === 0)) {
-            const config = getElementConfig(this);
-            const win = config?.window || window;
-            const hostSet = SwcUtils.getHelperAndHostSet(win, this);
-            
-            // Resolve selector - can be string or function
-            if (typeof selectorOrTarget === 'function') {
-              // Get elements from function and remove them
-              const result = (selectorOrTarget as any)(this, hostSet);
-              if (result instanceof win.NodeList) {
-                Array.from(result).forEach(el => {
-                  if (el instanceof win.Element) (el as Element).remove();
-                });
-              } else if (Array.isArray(result)) {
-                result.forEach(el => {
-                  if (el instanceof win.Element) (el as Element).remove();
-                });
-              }
-              return;
-            }
-            
-            const resolvedSelector = selectorOrTarget;
-            
-            if (resolvedSelector.startsWith('$') && resolvedSelector !== '$this') return;
-
-            const r = (optionsOrPropertyKey as SwcQueryOptions)?.root || 'auto';
-            let targets: (Element | Node)[] = [];
-            if (r === 'shadow') targets = this.shadowRoot ? Array.from(this.shadowRoot.querySelectorAll(resolvedSelector)) : [];
-            else if (r === 'light') targets = Array.from(this.querySelectorAll(resolvedSelector));
-            else if (r === 'all') {
-              const sNodes = this.shadowRoot ? Array.from(this.shadowRoot.querySelectorAll(resolvedSelector)) : [];
-              const lNodes = Array.from(this.querySelectorAll(resolvedSelector));
-              targets = [...sNodes, ...lNodes];
-            } else {
-              targets = Array.from((this.shadowRoot || this).querySelectorAll(resolvedSelector));
-            }
-            targets.forEach(t => (t as Element).remove());
-          }
-        },
-        enumerable: true,
-        configurable: true
-      });
-    };
-  }
-  // Without selector (defaults to $this)
-  return queryAll('$this', selectorOrTarget as SwcQueryOptions);
-}
-
-export const getQueryAllMetadata = (target: any): QueryAllMetadata[] | undefined => {
-  const constructor = target instanceof Function ? target : target.constructor;
-  return ReflectUtils.getMetadata(QUERY_ALL_METADATA_KEY, constructor);
-};

package/src/elements/tt/SwcAppMixin.ts

@@ -1,13 +0,0 @@
-// import {SwcAppEngine, SwcAttributeConfigType, SwcConfigType} from '../../SwcAppEngine';
-// import {SwcAppInterface, SwcAppMessage} from '../../types';
-// import {SwcUtils} from '../../utils/Utils';
-// import {debounceTimeIntervalLock, FunctionUtils, Subscription} from '@dooboostore/core';
-// import {RouterEventType} from '@dooboostore/core-web';
-// import {getSubscribeSwcAppRouteChangeWhileConnectedMetadata} from '../../decorators/subscribeSwcAppRouteChangeWhileConnected';
-// import {getSubscribeSwcAppMessageWhileConnectedMetadata} from '../../decorators/subscribeSwcAppMessageWhileConnected';
-// import {findAllLifecycleMetadata, ON_CONNECTED_COMPLETED_SWC_APP_METADATA_KEY, ON_CONNECTED_INNER_HTML_METADATA_KEY, ON_CONNECTED_SWC_APP_METADATA_KEY} from "../../decorators";
-//
-// export function SwcAppMixin<T extends { new(...args: any[]): HTMLElement }>(Base: T) {
-//   //@ts-ignore
-//   return
-// }

package/src/elements/tt/SwcAsync.ts

@@ -1,139 +0,0 @@
-// import {SwcUtils} from '../../utils/Utils';
-// import {ActionExpression, FunctionUtils} from '@dooboostore/core';
-// import {ConvertUtils} from '@dooboostore/core-web';
-// import {elementDefine} from "../../decorators";
-//
-// export default async (w: Window) => {
-//   const tagName = 'swc-async';
-//   const existing = w.customElements.get(tagName);
-//   if (existing) return existing;
-//
-//   @elementDefine(tagName, { window: w })
-//   class SwcAsync extends w.HTMLElement {
-//     private _value: any;
-//     private _replaceWrapStart: string | null = null;
-//     private _replaceWrapEnd: string | null = null;
-//     private _nodes: Node[] = [];
-//     resultValue?: any;
-//
-//     static get observedAttributes() {
-//       return ['value', 'replace-wrap-start', 'replace-wrap-end'];
-//     }
-//
-//     get value(): boolean {
-//       return this._value;
-//     }
-//
-//     set value(nv: any) {
-//       this.executeAsync(nv);
-//     }
-//
-//     connectedCallback() {
-//       if (this.hasAttribute('value')) {
-//         this.executeAsync(this._value);
-//       }
-//     }
-//
-//     attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null) {
-//       switch (name) {
-//         case 'value':
-//           this._value = newValue;
-//           this.executeAsync(this._value);
-//           break;
-//         case 'replace-wrap-start':
-//           this._replaceWrapStart = newValue;
-//           break;
-//         case 'replace-wrap-end':
-//           this._replaceWrapEnd = newValue;
-//           break;
-//       }
-//     }
-//
-//     private executeAsync(result: any = this._value) {
-//       if (result === undefined || result === null) {
-//         this.refresh('default');
-//         return;
-//       }
-//       if (result instanceof Promise) {
-//         this.refresh('loading');
-//         result
-//           .then(v => {
-//             this.resultValue = v;
-//             this.refresh('success');
-//           })
-//           .catch(e => {
-//             console.error('[SWC-ASYNC] Promise rejected:', e);
-//             this.resultValue = e;
-//             this.refresh('error');
-//           });
-//       } else {
-//         this.resultValue = result;
-//         this.refresh('success');
-//       }
-//     }
-//
-//     private replaceExpressions(html: string, groupArgs: any, context: any, wrap: { start: string, end: string }): string {
-//       let config: any = undefined;
-//       if (wrap) {
-//         config = {
-//           expression: {
-//             replace: {start: `${wrap.start}`, end: `${wrap.end}`},
-//             callReturn: {start: `${wrap.start}=`, end: `${wrap.end}`},
-//             call: {start: `${wrap.start}@`, end: `${wrap.end}`}
-//           }
-//         };
-//       }
-//       const ae = new ActionExpression(html, config);
-//       const win = this.ownerDocument?.defaultView || window;
-//       for (const expr of ae.getExpressions('replace')) {
-//         try {
-//           const value = FunctionUtils.executeReturn({
-//             script: ConvertUtils.decodeHtmlEntity(expr.script, win.document),
-//             context,
-//             args: groupArgs
-//           });
-//           ae.replace(expr, String(value));
-//         } catch (e) {
-//           console.error(`[SWC] Failed to execute ${expr.original}:`, e);
-//         }
-//       }
-//       return ae.getUnprocessedTemplate();
-//     }
-//
-//     refresh(state: string = 'default') {
-//       this.cleanup();
-//       const portal = SwcUtils.getParentContainer(this);
-//       if (!portal) return;
-//       const win = this.ownerDocument?.defaultView || window;
-//       const helperSet = SwcUtils.getHelperAndHostSet(win, this);
-//       // HTMLElement에서는 children에서 template[is=swc-...] 찾기
-//       const t = Array.from(this.children).find(
-//         (el): el is HTMLTemplateElement => el.tagName === 'TEMPLATE' && el.getAttribute('is') === `swc-${state}`
-//       );
-//       if (t) {
-//         let htmlString = t.innerHTML;
-//         const groupArgs = {...helperSet, $value: this._value, $state: state, $templateHost: this};
-//         htmlString = this.replaceExpressions(htmlString, groupArgs, this, {start: this._replaceWrapStart ?? '{#{', end: this._replaceWrapEnd ?? '}#}'});
-//         const temp = this.ownerDocument?.createElement('template') || document.createElement('template');
-//         temp.innerHTML = htmlString;
-//         const content = temp.content;
-//         this._nodes = Array.from(content.childNodes);
-//         this._nodes.forEach((node: any) => {
-//           if (node instanceof HTMLElement) (node as any).__template_swc_host = this;
-//         });
-//         portal.insertBefore(content, this.nextSibling);
-//       }
-//     }
-//
-//     private cleanup() {
-//       this._nodes.forEach(n => n.parentElement?.removeChild(n));
-//       this._nodes = [];
-//     }
-//
-//     disconnectedCallback() {
-//       this.cleanup();
-//     }
-//   }
-//
-//   return w.customElements.whenDefined(tagName);
-// }

package/src/elements/tt/SwcAsyncTemplate.ts

@@ -1,126 +0,0 @@
-// import { changedAttributeThis } from '../../decorators/changedAttributeThis';
-// import { SwcUtils } from '../../utils/Utils';
-// import { FunctionUtils, ActionExpression } from '@dooboostore/core';
-// import { ConvertUtils } from '@dooboostore/core-web';
-// import { attributeThis } from '../../decorators';
-//
-// export class SwcAsyncTemplate extends HTMLTemplateElement {
-//   @attributeThis('value')
-//   _value: any;
-//   @attributeThis('replace-wrap-start')
-//   _replaceWrapStart: string | null;
-//   @attributeThis('replace-wrap-end')
-//   _replaceWrapEnd: string | null;  resultValue?: any;
-//
-//   get value(): boolean {
-//     return this._value;
-//   }
-//
-//   set value(nv: any) {
-//     this.executeAsync(nv);
-//   }
-//
-//   private _nodes: Node[] = [];
-//
-//   @changedAttributeThis('value')
-//   private setValue(valueAttr?: string | null) {
-//     this.executeAsync(this._value);
-//   }
-//
-//   // @changedAttributeThis('replace-wrap')
-//   // private setReplaceWrap() {
-//   //   this.executeAsync(this._value);
-//   // }
-//
-//   private executeAsync(result: any = this._value) {
-//     if (result === undefined || result === null) {
-//       this.refresh('default');
-//       return;
-//     }
-//
-//     if (result instanceof Promise) {
-//       this.refresh('loading');
-//       result
-//         .then(v => {
-//           this.resultValue = v;
-//           this.refresh('success');
-//         })
-//         .catch(e => {
-//           console.error('[SWC-ASYNC] Promise rejected:', e);
-//           this.resultValue = e;
-//           this.refresh('error');
-//         });
-//     } else {
-//       this.resultValue = result;
-//       this.refresh('success');
-//     }
-//   }
-//
-//   private replaceExpressions(html: string, groupArgs: any, context: any, wrap: {start: string, end: string}): string {
-//     let config: any = undefined;
-//     if (wrap) {
-//       config = {
-//         expression: {
-//           replace: { start: `${wrap.start}`, end: `${wrap.end}` },
-//           callReturn: { start: `${wrap.start}=`, end: `${wrap.end}` },
-//           call: { start: `${wrap.start}@`, end: `${wrap.end}` }
-//         }
-//       };
-//     }
-//     const ae = new ActionExpression(html, config);
-//     const win = this.ownerDocument?.defaultView || window;
-//
-//     // @ts-ignore
-//     for (const expr of ae.getExpressions('replace')) {
-//       try {
-//         const value = FunctionUtils.executeReturn({
-//           script: ConvertUtils.decodeHtmlEntity(expr.script, win.document),
-//           context,
-//           args: groupArgs
-//         });
-//         ae.replace(expr, String(value));
-//       } catch (e) {
-//         console.error(`[SWC] Failed to execute ${expr.original}:`, e);
-//       }
-//     }
-//     return ae.getUnprocessedTemplate();
-//   }
-//
-//   refresh(state: string = 'default') {
-//     // console.log('rrrrrrrrrrrrrrrrr', state);
-//     this.cleanup();
-//     const portal = SwcUtils.getParentContainer(this);
-//     if (!portal) return;
-//
-//     const win = this.ownerDocument?.defaultView || window;
-//     const helperSet = SwcUtils.getHelperAndHostSet(win, this);
-//
-//     const t = this.content.querySelector(`template[is="swc-${state}"]`) as HTMLTemplateElement;
-//     if (t) {
-//       let htmlString = t.innerHTML;
-//       const groupArgs = { ...helperSet, $value: this._value, $state: state, $templateHost: this };
-//
-//       htmlString = this.replaceExpressions(htmlString, groupArgs, this, {start:this._replaceWrapStart ?? '{#{', end: this._replaceWrapEnd ?? '}#}'});
-//
-//       const temp = this.ownerDocument?.createElement('template') || document.createElement('template');
-//       temp.innerHTML = htmlString;
-//       const content = temp.content;
-//
-//       this._nodes = Array.from(content.childNodes);
-//       this._nodes.forEach((node: any) => {
-//         if (node instanceof HTMLElement)  (node as any).__template_swc_host = this;
-//       });
-//
-//       portal.insertBefore(content, this.nextSibling);
-//     }
-//   }
-//
-//   private cleanup() {
-//     this._nodes.forEach(n => n.parentElement?.removeChild(n));
-//     this._nodes = [];
-//   }
-//
-//   disconnectedCallback() {
-//     this.cleanup();
-//   }
-// }

package/src/elements/tt/SwcChoose.ts

@@ -1,182 +0,0 @@
-// import {SwcUtils} from '../../utils/Utils';
-// import {ActionExpression, FunctionUtils} from '@dooboostore/core';
-// import {ConvertUtils} from '@dooboostore/core-web';
-// import {elementDefine, getAttributeValue, getElementConfig} from '../../decorators';
-//
-// export default async (w: Window)=> {
-//   const tagName = 'swc-choose';
-//   const existing = w.customElements.get(tagName);
-//   if (existing) return existing;
-//   @elementDefine(tagName, { window: w })
-//   class SwcChoose extends w.HTMLElement {
-//     private _value: any;
-//     private _replaceWrapStart: string | null = null;
-//     private _replaceWrapEnd: string | null = null;
-//     private _nodes: Node[] = [];
-//     private _previousTemplate: HTMLTemplateElement | null = null;
-//
-//     static get observedAttributes() {
-//       return ['value', 'replace-wrap-start', 'replace-wrap-end'];
-//     }
-//
-//     get value(): any {
-//       return this._value;
-//     }
-//
-//     set value(nv: any) {
-//       this._value = nv;
-//       this.refresh(this._value);
-//     }
-//
-//     connectedCallback() {
-//       this.style.display = 'none';
-//       if (!this.id) {
-//         throw new Error('[SWC] SwcChoose must have an "id" attribute for reliable cleanup.');
-//       }
-//       if (this.hasAttribute('value')) {
-//         this.refresh();
-//       }
-//     }
-//
-//     attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null) {
-//       switch (name) {
-//         case 'value':
-//           this._value = newValue;
-//           this.refresh(this._value);
-//           break;
-//         case 'replace-wrap-start':
-//           this._replaceWrapStart = newValue;
-//           break;
-//         case 'replace-wrap-end':
-//           this._replaceWrapEnd = newValue;
-//           break;
-//       }
-//     }
-//
-//     private replaceExpressions(html: string, groupArgs: any, context: any, wrap: { start: string, end: string }): string {
-//       let config: any = undefined;
-//       if (wrap) {
-//         config = {
-//           expression: {
-//             replace: {start: `${wrap.start}`, end: `${wrap.end}`},
-//             callReturn: {start: `${wrap.start}=`, end: `${wrap.end}`},
-//             call: {start: `${wrap.start}@`, end: `${wrap.end}`}
-//           }
-//         };
-//       }
-//       const ae = new ActionExpression(html, config);
-//       const win = this.ownerDocument?.defaultView || window;
-//       for (const expr of ae.getExpressions('replace')) {
-//         try {
-//           const value = FunctionUtils.executeReturn({
-//             script: ConvertUtils.decodeHtmlEntity(expr.script, win.document),
-//             context,
-//             args: groupArgs
-//           });
-//           ae.replace(expr, String(value));
-//         } catch (e) {
-//           console.error(`[SWC] Failed to execute ${expr.original}:`, e);
-//         }
-//       }
-//       return ae.getUnprocessedTemplate();
-//     }
-//
-//     refresh(value?: any) {
-//       if (!this.id) return;
-//       value = value ?? getAttributeValue(this, 'value') ?? this._value;
-//       const portal = SwcUtils.getParentContainer(this);
-//       if (!portal) return;
-//       const win = (getElementConfig(this).window ?? this.ownerDocument?.defaultView) || window;
-//       const helperSet = SwcUtils.getHelperAndHostSet(win, this);
-//       const groupArgs = {...helperSet, $value: value, $templateHost: this};
-//       // HTMLElement에서는 children에서 template 찾기
-//       const templates = Array.from(this.children).filter(
-//         (el): el is HTMLTemplateElement => el.tagName === 'TEMPLATE'
-//       );
-//       let selected: HTMLTemplateElement | null = null;
-//       for (const t of templates) {
-//         if (t.getAttribute('is') === 'swc-when') {
-//           const attrVal = t.getAttribute('test') || '';
-//           let matches = false;
-//           const result = FunctionUtils.executeReturn({
-//             script: attrVal,
-//             context: t,
-//             args: groupArgs
-//           });
-//           matches = !!result;
-//           if (matches) {
-//             selected = t;
-//             break;
-//           }
-//         }
-//       }
-//       const target = selected || (templates.find(t => t.getAttribute('is') === 'swc-otherwise') ?? null);
-//       const skipValue = target?.getAttribute?.('skip-if-same');
-//       const skipValue2 = this._previousTemplate?.getAttribute?.('skip-if-same');
-//       const hasSkipIfSame = target?.hasAttribute?.('skip-if-same');
-//       const isSame = this._previousTemplate === target;
-//       if (hasSkipIfSame && isSame) {
-//         return;
-//       }
-//       this.cleanup();
-//       this._previousTemplate = target;
-//       if (target) {
-//         let htmlString = target.innerHTML;
-//         htmlString = this.replaceExpressions(htmlString, groupArgs, this, {start: this._replaceWrapStart ?? '{#{', end: this._replaceWrapEnd ?? '}#}'});
-//         const result = this.ownerDocument?.createElement('template') || document.createElement('template');
-//         result.innerHTML = htmlString;
-//         const processedFragment = result.content;
-//         this._nodes = Array.from(processedFragment.childNodes);
-//         const setTemplateHost = (element: HTMLElement) => {
-//           (element as any).__swc_template_host = this;
-//           Array.from(element.children).forEach((child: any) => {
-//             if (child instanceof HTMLElement) {
-//               setTemplateHost(child);
-//             }
-//           });
-//         };
-//         this._nodes.forEach((node: any) => {
-//           if (node instanceof HTMLElement) {
-//             setTemplateHost(node as HTMLElement);
-//           }
-//         });
-//         const endpoint = this.ownerDocument?.createComment(`swc-choose endpoint id:${this.id}`) || document.createComment(`swc-choose endpoint id:${this.id}`);
-//         processedFragment.appendChild(endpoint);
-//         this._nodes.push(endpoint);
-//         portal.insertBefore(processedFragment, this.nextSibling);
-//       }
-//     }
-//
-//     private cleanup() {
-//       if (this.id) {
-//         const portal = SwcUtils.getParentContainer(this);
-//         if (portal) {
-//           const endpointText = `swc-choose endpoint id:${this.id}`;
-//           let current = this.nextSibling;
-//           const toRemove: Node[] = [];
-//           while (current) {
-//             toRemove.push(current);
-//             if (current.nodeType === 8 && (current as Comment).data === endpointText) {
-//               toRemove.forEach(n => {
-//                 const realNode = (n as any).__upgraded_instance || n;
-//                 if (realNode.parentElement) {
-//                   realNode.parentElement.removeChild(realNode);
-//                 }
-//               });
-//               break;
-//             }
-//             current = current.nextSibling;
-//           }
-//         }
-//       }
-//       this._nodes = [];
-//     }
-//
-//     disconnectedCallback() {
-//       this.cleanup();
-//     }
-//   }
-//
-//   return w.customElements.whenDefined(tagName);
-//
-// }