@dooboostore/simple-web-component 1.0.10 → 1.0.12

package/src/is/SwcHTMLPictureElementBase.ts

@@ -1,44 +0,0 @@
-import { SwcUtils } from '../utils/Utils';
-
-export abstract class SwcHTMLPictureElementBase extends HTMLPictureElement {
-  protected _masterTplNodes: Node[] = [];
-  protected _asKey: string = 'value';
-  protected _asIndexKey: string = 'index';
-
-  constructor() {
-    super();
-  }
-
-  protected initCore() {
-    this._asKey = this.getAttribute('as') || 'value';
-    this._asIndexKey = this.getAttribute('as-index') || 'index';
-    if (this._masterTplNodes.length > 0) return;
-    const tplSlot = this.shadowRoot?.getElementById('tpl-slot') as HTMLSlotElement;
-    if (tplSlot) {
-      this._masterTplNodes = tplSlot.assignedNodes().map(n => n.cloneNode(true));
-    } else if (this.childNodes.length > 0) {
-      this._masterTplNodes = Array.from(this.childNodes).map(n => n.cloneNode(true));
-    }
-  }
-
-  protected applyData(node: Node, data: any, index?: number) {
-    const hostContext: Record<string, any> = {};
-    let curr: any = (this as any).parentElement || ((this as any).getRootNode?.() as any)?.host;
-    const hostChain: any[] = [];
-    while (curr) {
-      if (typeof curr._getHostContext === 'function') hostChain.unshift(curr);
-      curr = curr.parentElement || (curr.getRootNode?.() as any)?.host;
-    }
-    for (const h of hostChain) { Object.assign(hostContext, h._getHostContext()); }
-    SwcUtils.applyData(node, data, {
-      asKey: this._asKey,
-      asIndexKey: this._asIndexKey,
-      index,
-      hostContext
-    });
-  }
-
-  protected createReactiveProxy(target: any, onChange: () => void, onIndexChange?: (index: number, val: any) => void) {
-    return SwcUtils.createReactiveProxy(target, onChange, onIndexChange);
-  }
-}

package/src/is/SwcHTMLPreElementBase.ts

@@ -1,44 +0,0 @@
-import { SwcUtils } from '../utils/Utils';
-
-export abstract class SwcHTMLPreElementBase extends HTMLPreElement {
-  protected _masterTplNodes: Node[] = [];
-  protected _asKey: string = 'value';
-  protected _asIndexKey: string = 'index';
-
-  constructor() {
-    super();
-  }
-
-  protected initCore() {
-    this._asKey = this.getAttribute('as') || 'value';
-    this._asIndexKey = this.getAttribute('as-index') || 'index';
-    if (this._masterTplNodes.length > 0) return;
-    const tplSlot = this.shadowRoot?.getElementById('tpl-slot') as HTMLSlotElement;
-    if (tplSlot) {
-      this._masterTplNodes = tplSlot.assignedNodes().map(n => n.cloneNode(true));
-    } else if (this.childNodes.length > 0) {
-      this._masterTplNodes = Array.from(this.childNodes).map(n => n.cloneNode(true));
-    }
-  }
-
-  protected applyData(node: Node, data: any, index?: number) {
-    const hostContext: Record<string, any> = {};
-    let curr: any = (this as any).parentElement || ((this as any).getRootNode?.() as any)?.host;
-    const hostChain: any[] = [];
-    while (curr) {
-      if (typeof curr._getHostContext === 'function') hostChain.unshift(curr);
-      curr = curr.parentElement || (curr.getRootNode?.() as any)?.host;
-    }
-    for (const h of hostChain) { Object.assign(hostContext, h._getHostContext()); }
-    SwcUtils.applyData(node, data, {
-      asKey: this._asKey,
-      asIndexKey: this._asIndexKey,
-      index,
-      hostContext
-    });
-  }
-
-  protected createReactiveProxy(target: any, onChange: () => void, onIndexChange?: (index: number, val: any) => void) {
-    return SwcUtils.createReactiveProxy(target, onChange, onIndexChange);
-  }
-}

package/src/is/SwcHTMLProgressElementBase.ts

@@ -1,44 +0,0 @@
-import { SwcUtils } from '../utils/Utils';
-
-export abstract class SwcHTMLProgressElementBase extends HTMLProgressElement {
-  protected _masterTplNodes: Node[] = [];
-  protected _asKey: string = 'value';
-  protected _asIndexKey: string = 'index';
-
-  constructor() {
-    super();
-  }
-
-  protected initCore() {
-    this._asKey = this.getAttribute('as') || 'value';
-    this._asIndexKey = this.getAttribute('as-index') || 'index';
-    if (this._masterTplNodes.length > 0) return;
-    const tplSlot = this.shadowRoot?.getElementById('tpl-slot') as HTMLSlotElement;
-    if (tplSlot) {
-      this._masterTplNodes = tplSlot.assignedNodes().map(n => n.cloneNode(true));
-    } else if (this.childNodes.length > 0) {
-      this._masterTplNodes = Array.from(this.childNodes).map(n => n.cloneNode(true));
-    }
-  }
-
-  protected applyData(node: Node, data: any, index?: number) {
-    const hostContext: Record<string, any> = {};
-    let curr: any = (this as any).parentElement || ((this as any).getRootNode?.() as any)?.host;
-    const hostChain: any[] = [];
-    while (curr) {
-      if (typeof curr._getHostContext === 'function') hostChain.unshift(curr);
-      curr = curr.parentElement || (curr.getRootNode?.() as any)?.host;
-    }
-    for (const h of hostChain) { Object.assign(hostContext, h._getHostContext()); }
-    SwcUtils.applyData(node, data, {
-      asKey: this._asKey,
-      asIndexKey: this._asIndexKey,
-      index,
-      hostContext
-    });
-  }
-
-  protected createReactiveProxy(target: any, onChange: () => void, onIndexChange?: (index: number, val: any) => void) {
-    return SwcUtils.createReactiveProxy(target, onChange, onIndexChange);
-  }
-}

package/src/is/SwcHTMLQuoteElementBase.ts

@@ -1,44 +0,0 @@
-import { SwcUtils } from '../utils/Utils';
-
-export abstract class SwcHTMLQuoteElementBase extends HTMLQuoteElement {
-  protected _masterTplNodes: Node[] = [];
-  protected _asKey: string = 'value';
-  protected _asIndexKey: string = 'index';
-
-  constructor() {
-    super();
-  }
-
-  protected initCore() {
-    this._asKey = this.getAttribute('as') || 'value';
-    this._asIndexKey = this.getAttribute('as-index') || 'index';
-    if (this._masterTplNodes.length > 0) return;
-    const tplSlot = this.shadowRoot?.getElementById('tpl-slot') as HTMLSlotElement;
-    if (tplSlot) {
-      this._masterTplNodes = tplSlot.assignedNodes().map(n => n.cloneNode(true));
-    } else if (this.childNodes.length > 0) {
-      this._masterTplNodes = Array.from(this.childNodes).map(n => n.cloneNode(true));
-    }
-  }
-
-  protected applyData(node: Node, data: any, index?: number) {
-    const hostContext: Record<string, any> = {};
-    let curr: any = (this as any).parentElement || ((this as any).getRootNode?.() as any)?.host;
-    const hostChain: any[] = [];
-    while (curr) {
-      if (typeof curr._getHostContext === 'function') hostChain.unshift(curr);
-      curr = curr.parentElement || (curr.getRootNode?.() as any)?.host;
-    }
-    for (const h of hostChain) { Object.assign(hostContext, h._getHostContext()); }
-    SwcUtils.applyData(node, data, {
-      asKey: this._asKey,
-      asIndexKey: this._asIndexKey,
-      index,
-      hostContext
-    });
-  }
-
-  protected createReactiveProxy(target: any, onChange: () => void, onIndexChange?: (index: number, val: any) => void) {
-    return SwcUtils.createReactiveProxy(target, onChange, onIndexChange);
-  }
-}

package/src/is/SwcHTMLScriptElementBase.ts

@@ -1,44 +0,0 @@
-import { SwcUtils } from '../utils/Utils';
-
-export abstract class SwcHTMLScriptElementBase extends HTMLScriptElement {
-  protected _masterTplNodes: Node[] = [];
-  protected _asKey: string = 'value';
-  protected _asIndexKey: string = 'index';
-
-  constructor() {
-    super();
-  }
-
-  protected initCore() {
-    this._asKey = this.getAttribute('as') || 'value';
-    this._asIndexKey = this.getAttribute('as-index') || 'index';
-    if (this._masterTplNodes.length > 0) return;
-    const tplSlot = this.shadowRoot?.getElementById('tpl-slot') as HTMLSlotElement;
-    if (tplSlot) {
-      this._masterTplNodes = tplSlot.assignedNodes().map(n => n.cloneNode(true));
-    } else if (this.childNodes.length > 0) {
-      this._masterTplNodes = Array.from(this.childNodes).map(n => n.cloneNode(true));
-    }
-  }
-
-  protected applyData(node: Node, data: any, index?: number) {
-    const hostContext: Record<string, any> = {};
-    let curr: any = (this as any).parentElement || ((this as any).getRootNode?.() as any)?.host;
-    const hostChain: any[] = [];
-    while (curr) {
-      if (typeof curr._getHostContext === 'function') hostChain.unshift(curr);
-      curr = curr.parentElement || (curr.getRootNode?.() as any)?.host;
-    }
-    for (const h of hostChain) { Object.assign(hostContext, h._getHostContext()); }
-    SwcUtils.applyData(node, data, {
-      asKey: this._asKey,
-      asIndexKey: this._asIndexKey,
-      index,
-      hostContext
-    });
-  }
-
-  protected createReactiveProxy(target: any, onChange: () => void, onIndexChange?: (index: number, val: any) => void) {
-    return SwcUtils.createReactiveProxy(target, onChange, onIndexChange);
-  }
-}

package/src/is/SwcHTMLSelectElementBase.ts

@@ -1,44 +0,0 @@
-import { SwcUtils } from '../utils/Utils';
-
-export abstract class SwcHTMLSelectElementBase extends HTMLSelectElement {
-  protected _masterTplNodes: Node[] = [];
-  protected _asKey: string = 'value';
-  protected _asIndexKey: string = 'index';
-
-  constructor() {
-    super();
-  }
-
-  protected initCore() {
-    this._asKey = this.getAttribute('as') || 'value';
-    this._asIndexKey = this.getAttribute('as-index') || 'index';
-    if (this._masterTplNodes.length > 0) return;
-    const tplSlot = this.shadowRoot?.getElementById('tpl-slot') as HTMLSlotElement;
-    if (tplSlot) {
-      this._masterTplNodes = tplSlot.assignedNodes().map(n => n.cloneNode(true));
-    } else if (this.childNodes.length > 0) {
-      this._masterTplNodes = Array.from(this.childNodes).map(n => n.cloneNode(true));
-    }
-  }
-
-  protected applyData(node: Node, data: any, index?: number) {
-    const hostContext: Record<string, any> = {};
-    let curr: any = (this as any).parentElement || ((this as any).getRootNode?.() as any)?.host;
-    const hostChain: any[] = [];
-    while (curr) {
-      if (typeof curr._getHostContext === 'function') hostChain.unshift(curr);
-      curr = curr.parentElement || (curr.getRootNode?.() as any)?.host;
-    }
-    for (const h of hostChain) { Object.assign(hostContext, h._getHostContext()); }
-    SwcUtils.applyData(node, data, {
-      asKey: this._asKey,
-      asIndexKey: this._asIndexKey,
-      index,
-      hostContext
-    });
-  }
-
-  protected createReactiveProxy(target: any, onChange: () => void, onIndexChange?: (index: number, val: any) => void) {
-    return SwcUtils.createReactiveProxy(target, onChange, onIndexChange);
-  }
-}

package/src/is/SwcHTMLSlotElementBase.ts

@@ -1,44 +0,0 @@
-import { SwcUtils } from '../utils/Utils';
-
-export abstract class SwcHTMLSlotElementBase extends HTMLSlotElement {
-  protected _masterTplNodes: Node[] = [];
-  protected _asKey: string = 'value';
-  protected _asIndexKey: string = 'index';
-
-  constructor() {
-    super();
-  }
-
-  protected initCore() {
-    this._asKey = this.getAttribute('as') || 'value';
-    this._asIndexKey = this.getAttribute('as-index') || 'index';
-    if (this._masterTplNodes.length > 0) return;
-    const tplSlot = this.shadowRoot?.getElementById('tpl-slot') as HTMLSlotElement;
-    if (tplSlot) {
-      this._masterTplNodes = tplSlot.assignedNodes().map(n => n.cloneNode(true));
-    } else if (this.childNodes.length > 0) {
-      this._masterTplNodes = Array.from(this.childNodes).map(n => n.cloneNode(true));
-    }
-  }
-
-  protected applyData(node: Node, data: any, index?: number) {
-    const hostContext: Record<string, any> = {};
-    let curr: any = (this as any).parentElement || ((this as any).getRootNode?.() as any)?.host;
-    const hostChain: any[] = [];
-    while (curr) {
-      if (typeof curr._getHostContext === 'function') hostChain.unshift(curr);
-      curr = curr.parentElement || (curr.getRootNode?.() as any)?.host;
-    }
-    for (const h of hostChain) { Object.assign(hostContext, h._getHostContext()); }
-    SwcUtils.applyData(node, data, {
-      asKey: this._asKey,
-      asIndexKey: this._asIndexKey,
-      index,
-      hostContext
-    });
-  }
-
-  protected createReactiveProxy(target: any, onChange: () => void, onIndexChange?: (index: number, val: any) => void) {
-    return SwcUtils.createReactiveProxy(target, onChange, onIndexChange);
-  }
-}

package/src/is/SwcHTMLSourceElementBase.ts

@@ -1,44 +0,0 @@
-import { SwcUtils } from '../utils/Utils';
-
-export abstract class SwcHTMLSourceElementBase extends HTMLSourceElement {
-  protected _masterTplNodes: Node[] = [];
-  protected _asKey: string = 'value';
-  protected _asIndexKey: string = 'index';
-
-  constructor() {
-    super();
-  }
-
-  protected initCore() {
-    this._asKey = this.getAttribute('as') || 'value';
-    this._asIndexKey = this.getAttribute('as-index') || 'index';
-    if (this._masterTplNodes.length > 0) return;
-    const tplSlot = this.shadowRoot?.getElementById('tpl-slot') as HTMLSlotElement;
-    if (tplSlot) {
-      this._masterTplNodes = tplSlot.assignedNodes().map(n => n.cloneNode(true));
-    } else if (this.childNodes.length > 0) {
-      this._masterTplNodes = Array.from(this.childNodes).map(n => n.cloneNode(true));
-    }
-  }
-
-  protected applyData(node: Node, data: any, index?: number) {
-    const hostContext: Record<string, any> = {};
-    let curr: any = (this as any).parentElement || ((this as any).getRootNode?.() as any)?.host;
-    const hostChain: any[] = [];
-    while (curr) {
-      if (typeof curr._getHostContext === 'function') hostChain.unshift(curr);
-      curr = curr.parentElement || (curr.getRootNode?.() as any)?.host;
-    }
-    for (const h of hostChain) { Object.assign(hostContext, h._getHostContext()); }
-    SwcUtils.applyData(node, data, {
-      asKey: this._asKey,
-      asIndexKey: this._asIndexKey,
-      index,
-      hostContext
-    });
-  }
-
-  protected createReactiveProxy(target: any, onChange: () => void, onIndexChange?: (index: number, val: any) => void) {
-    return SwcUtils.createReactiveProxy(target, onChange, onIndexChange);
-  }
-}

package/src/is/SwcHTMLSpanElementBase.ts

@@ -1,44 +0,0 @@
-import { SwcUtils } from '../utils/Utils';
-
-export abstract class SwcHTMLSpanElementBase extends HTMLSpanElement {
-  protected _masterTplNodes: Node[] = [];
-  protected _asKey: string = 'value';
-  protected _asIndexKey: string = 'index';
-
-  constructor() {
-    super();
-  }
-
-  protected initCore() {
-    this._asKey = this.getAttribute('as') || 'value';
-    this._asIndexKey = this.getAttribute('as-index') || 'index';
-    if (this._masterTplNodes.length > 0) return;
-    const tplSlot = this.shadowRoot?.getElementById('tpl-slot') as HTMLSlotElement;
-    if (tplSlot) {
-      this._masterTplNodes = tplSlot.assignedNodes().map(n => n.cloneNode(true));
-    } else if (this.childNodes.length > 0) {
-      this._masterTplNodes = Array.from(this.childNodes).map(n => n.cloneNode(true));
-    }
-  }
-
-  protected applyData(node: Node, data: any, index?: number) {
-    const hostContext: Record<string, any> = {};
-    let curr: any = (this as any).parentElement || ((this as any).getRootNode?.() as any)?.host;
-    const hostChain: any[] = [];
-    while (curr) {
-      if (typeof curr._getHostContext === 'function') hostChain.unshift(curr);
-      curr = curr.parentElement || (curr.getRootNode?.() as any)?.host;
-    }
-    for (const h of hostChain) { Object.assign(hostContext, h._getHostContext()); }
-    SwcUtils.applyData(node, data, {
-      asKey: this._asKey,
-      asIndexKey: this._asIndexKey,
-      index,
-      hostContext
-    });
-  }
-
-  protected createReactiveProxy(target: any, onChange: () => void, onIndexChange?: (index: number, val: any) => void) {
-    return SwcUtils.createReactiveProxy(target, onChange, onIndexChange);
-  }
-}

package/src/is/SwcHTMLStyleElementBase.ts

@@ -1,44 +0,0 @@
-import { SwcUtils } from '../utils/Utils';
-
-export abstract class SwcHTMLStyleElementBase extends HTMLStyleElement {
-  protected _masterTplNodes: Node[] = [];
-  protected _asKey: string = 'value';
-  protected _asIndexKey: string = 'index';
-
-  constructor() {
-    super();
-  }
-
-  protected initCore() {
-    this._asKey = this.getAttribute('as') || 'value';
-    this._asIndexKey = this.getAttribute('as-index') || 'index';
-    if (this._masterTplNodes.length > 0) return;
-    const tplSlot = this.shadowRoot?.getElementById('tpl-slot') as HTMLSlotElement;
-    if (tplSlot) {
-      this._masterTplNodes = tplSlot.assignedNodes().map(n => n.cloneNode(true));
-    } else if (this.childNodes.length > 0) {
-      this._masterTplNodes = Array.from(this.childNodes).map(n => n.cloneNode(true));
-    }
-  }
-
-  protected applyData(node: Node, data: any, index?: number) {
-    const hostContext: Record<string, any> = {};
-    let curr: any = (this as any).parentElement || ((this as any).getRootNode?.() as any)?.host;
-    const hostChain: any[] = [];
-    while (curr) {
-      if (typeof curr._getHostContext === 'function') hostChain.unshift(curr);
-      curr = curr.parentElement || (curr.getRootNode?.() as any)?.host;
-    }
-    for (const h of hostChain) { Object.assign(hostContext, h._getHostContext()); }
-    SwcUtils.applyData(node, data, {
-      asKey: this._asKey,
-      asIndexKey: this._asIndexKey,
-      index,
-      hostContext
-    });
-  }
-
-  protected createReactiveProxy(target: any, onChange: () => void, onIndexChange?: (index: number, val: any) => void) {
-    return SwcUtils.createReactiveProxy(target, onChange, onIndexChange);
-  }
-}

package/src/is/SwcHTMLTableCellElementBase.ts

@@ -1,44 +0,0 @@
-import { SwcUtils } from '../utils/Utils';
-
-export abstract class SwcHTMLTableCellElementBase extends HTMLTableCellElement {
-  protected _masterTplNodes: Node[] = [];
-  protected _asKey: string = 'value';
-  protected _asIndexKey: string = 'index';
-
-  constructor() {
-    super();
-  }
-
-  protected initCore() {
-    this._asKey = this.getAttribute('as') || 'value';
-    this._asIndexKey = this.getAttribute('as-index') || 'index';
-    if (this._masterTplNodes.length > 0) return;
-    const tplSlot = this.shadowRoot?.getElementById('tpl-slot') as HTMLSlotElement;
-    if (tplSlot) {
-      this._masterTplNodes = tplSlot.assignedNodes().map(n => n.cloneNode(true));
-    } else if (this.childNodes.length > 0) {
-      this._masterTplNodes = Array.from(this.childNodes).map(n => n.cloneNode(true));
-    }
-  }
-
-  protected applyData(node: Node, data: any, index?: number) {
-    const hostContext: Record<string, any> = {};
-    let curr: any = (this as any).parentElement || ((this as any).getRootNode?.() as any)?.host;
-    const hostChain: any[] = [];
-    while (curr) {
-      if (typeof curr._getHostContext === 'function') hostChain.unshift(curr);
-      curr = curr.parentElement || (curr.getRootNode?.() as any)?.host;
-    }
-    for (const h of hostChain) { Object.assign(hostContext, h._getHostContext()); }
-    SwcUtils.applyData(node, data, {
-      asKey: this._asKey,
-      asIndexKey: this._asIndexKey,
-      index,
-      hostContext
-    });
-  }
-
-  protected createReactiveProxy(target: any, onChange: () => void, onIndexChange?: (index: number, val: any) => void) {
-    return SwcUtils.createReactiveProxy(target, onChange, onIndexChange);
-  }
-}

package/src/is/SwcHTMLTableElementBase.ts

@@ -1,44 +0,0 @@
-import { SwcUtils } from '../utils/Utils';
-
-export abstract class SwcHTMLTableElementBase extends HTMLTableElement {
-  protected _masterTplNodes: Node[] = [];
-  protected _asKey: string = 'value';
-  protected _asIndexKey: string = 'index';
-
-  constructor() {
-    super();
-  }
-
-  protected initCore() {
-    this._asKey = this.getAttribute('as') || 'value';
-    this._asIndexKey = this.getAttribute('as-index') || 'index';
-    if (this._masterTplNodes.length > 0) return;
-    const tplSlot = this.shadowRoot?.getElementById('tpl-slot') as HTMLSlotElement;
-    if (tplSlot) {
-      this._masterTplNodes = tplSlot.assignedNodes().map(n => n.cloneNode(true));
-    } else if (this.childNodes.length > 0) {
-      this._masterTplNodes = Array.from(this.childNodes).map(n => n.cloneNode(true));
-    }
-  }
-
-  protected applyData(node: Node, data: any, index?: number) {
-    const hostContext: Record<string, any> = {};
-    let curr: any = (this as any).parentElement || ((this as any).getRootNode?.() as any)?.host;
-    const hostChain: any[] = [];
-    while (curr) {
-      if (typeof curr._getHostContext === 'function') hostChain.unshift(curr);
-      curr = curr.parentElement || (curr.getRootNode?.() as any)?.host;
-    }
-    for (const h of hostChain) { Object.assign(hostContext, h._getHostContext()); }
-    SwcUtils.applyData(node, data, {
-      asKey: this._asKey,
-      asIndexKey: this._asIndexKey,
-      index,
-      hostContext
-    });
-  }
-
-  protected createReactiveProxy(target: any, onChange: () => void, onIndexChange?: (index: number, val: any) => void) {
-    return SwcUtils.createReactiveProxy(target, onChange, onIndexChange);
-  }
-}

package/src/is/SwcHTMLTableRowElementBase.ts

@@ -1,44 +0,0 @@
-import { SwcUtils } from '../utils/Utils';
-
-export abstract class SwcHTMLTableRowElementBase extends HTMLTableRowElement {
-  protected _masterTplNodes: Node[] = [];
-  protected _asKey: string = 'value';
-  protected _asIndexKey: string = 'index';
-
-  constructor() {
-    super();
-  }
-
-  protected initCore() {
-    this._asKey = this.getAttribute('as') || 'value';
-    this._asIndexKey = this.getAttribute('as-index') || 'index';
-    if (this._masterTplNodes.length > 0) return;
-    const tplSlot = this.shadowRoot?.getElementById('tpl-slot') as HTMLSlotElement;
-    if (tplSlot) {
-      this._masterTplNodes = tplSlot.assignedNodes().map(n => n.cloneNode(true));
-    } else if (this.childNodes.length > 0) {
-      this._masterTplNodes = Array.from(this.childNodes).map(n => n.cloneNode(true));
-    }
-  }
-
-  protected applyData(node: Node, data: any, index?: number) {
-    const hostContext: Record<string, any> = {};
-    let curr: any = (this as any).parentElement || ((this as any).getRootNode?.() as any)?.host;
-    const hostChain: any[] = [];
-    while (curr) {
-      if (typeof curr._getHostContext === 'function') hostChain.unshift(curr);
-      curr = curr.parentElement || (curr.getRootNode?.() as any)?.host;
-    }
-    for (const h of hostChain) { Object.assign(hostContext, h._getHostContext()); }
-    SwcUtils.applyData(node, data, {
-      asKey: this._asKey,
-      asIndexKey: this._asIndexKey,
-      index,
-      hostContext
-    });
-  }
-
-  protected createReactiveProxy(target: any, onChange: () => void, onIndexChange?: (index: number, val: any) => void) {
-    return SwcUtils.createReactiveProxy(target, onChange, onIndexChange);
-  }
-}

package/src/is/SwcHTMLTableSectionElementBase.ts

@@ -1,44 +0,0 @@
-import { SwcUtils } from '../utils/Utils';
-
-export abstract class SwcHTMLTableSectionElementBase extends HTMLTableSectionElement {
-  protected _masterTplNodes: Node[] = [];
-  protected _asKey: string = 'value';
-  protected _asIndexKey: string = 'index';
-
-  constructor() {
-    super();
-  }
-
-  protected initCore() {
-    this._asKey = this.getAttribute('as') || 'value';
-    this._asIndexKey = this.getAttribute('as-index') || 'index';
-    if (this._masterTplNodes.length > 0) return;
-    const tplSlot = this.shadowRoot?.getElementById('tpl-slot') as HTMLSlotElement;
-    if (tplSlot) {
-      this._masterTplNodes = tplSlot.assignedNodes().map(n => n.cloneNode(true));
-    } else if (this.childNodes.length > 0) {
-      this._masterTplNodes = Array.from(this.childNodes).map(n => n.cloneNode(true));
-    }
-  }
-
-  protected applyData(node: Node, data: any, index?: number) {
-    const hostContext: Record<string, any> = {};
-    let curr: any = (this as any).parentElement || ((this as any).getRootNode?.() as any)?.host;
-    const hostChain: any[] = [];
-    while (curr) {
-      if (typeof curr._getHostContext === 'function') hostChain.unshift(curr);
-      curr = curr.parentElement || (curr.getRootNode?.() as any)?.host;
-    }
-    for (const h of hostChain) { Object.assign(hostContext, h._getHostContext()); }
-    SwcUtils.applyData(node, data, {
-      asKey: this._asKey,
-      asIndexKey: this._asIndexKey,
-      index,
-      hostContext
-    });
-  }
-
-  protected createReactiveProxy(target: any, onChange: () => void, onIndexChange?: (index: number, val: any) => void) {
-    return SwcUtils.createReactiveProxy(target, onChange, onIndexChange);
-  }
-}

package/src/is/SwcHTMLTemplateElementBase.ts

@@ -1,44 +0,0 @@
-import { SwcUtils } from '../utils/Utils';
-
-export abstract class SwcHTMLTemplateElementBase extends HTMLTemplateElement {
-  protected _masterTplNodes: Node[] = [];
-  protected _asKey: string = 'value';
-  protected _asIndexKey: string = 'index';
-
-  constructor() {
-    super();
-  }
-
-  protected initCore() {
-    this._asKey = this.getAttribute('as') || 'value';
-    this._asIndexKey = this.getAttribute('as-index') || 'index';
-    if (this._masterTplNodes.length > 0) return;
-    const tplSlot = this.shadowRoot?.getElementById('tpl-slot') as HTMLSlotElement;
-    if (tplSlot) {
-      this._masterTplNodes = tplSlot.assignedNodes().map(n => n.cloneNode(true));
-    } else if (this.childNodes.length > 0) {
-      this._masterTplNodes = Array.from(this.childNodes).map(n => n.cloneNode(true));
-    }
-  }
-
-  protected applyData(node: Node, data: any, index?: number) {
-    const hostContext: Record<string, any> = {};
-    let curr: any = (this as any).parentElement || ((this as any).getRootNode?.() as any)?.host;
-    const hostChain: any[] = [];
-    while (curr) {
-      if (typeof curr._getHostContext === 'function') hostChain.unshift(curr);
-      curr = curr.parentElement || (curr.getRootNode?.() as any)?.host;
-    }
-    for (const h of hostChain) { Object.assign(hostContext, h._getHostContext()); }
-    SwcUtils.applyData(node, data, {
-      asKey: this._asKey,
-      asIndexKey: this._asIndexKey,
-      index,
-      hostContext
-    });
-  }
-
-  protected createReactiveProxy(target: any, onChange: () => void, onIndexChange?: (index: number, val: any) => void) {
-    return SwcUtils.createReactiveProxy(target, onChange, onIndexChange);
-  }
-}