@dooboostore/simple-web-component 1.0.14 → 1.0.16

package/src/elements/base/SwcHTMLButtonElementBase.ts

@@ -1,95 +0,0 @@
-import { SwcUtils } from '../../utils/Utils';
-import { SwcAppInterface, SwcHTMLElementInterface, HostSet } from '../SwcInterfaces';
-
-export abstract class SwcHTMLButtonElementBase extends HTMLButtonElement implements SwcHTMLElementInterface {
-  protected _masterTplNodes: Node[] = [];
-  protected _asKey: string = 'value';
-  protected _asItemKey: string = 'item';
-  protected _asIndexKey: string = 'index';
-  protected _isInitialized = false;
-
-  constructor() {
-    super();
-  }
-
-  public getAppHost(): SwcAppInterface | undefined {
-    return SwcUtils.getAppHost(this);
-  }
-
-  public getAppHosts(): SwcAppInterface[] {
-    return SwcUtils.getAppHosts(this);
-  }
-
-  public getFirstAppHost(): SwcAppInterface | undefined {
-    return SwcUtils.getFirstAppHost(this);
-  }
-
-  public getLastAppHost(): SwcAppInterface | undefined {
-    return SwcUtils.getLastAppHost(this);
-  }
-
-  public getHosts(): SwcHTMLElementInterface[] {
-    return SwcUtils.getHosts(this);
-  }
-
-  public getHost(): SwcHTMLElementInterface | undefined {
-    return SwcUtils.getHost(this);
-  }
-
-  public getFirstHost(): SwcHTMLElementInterface | undefined {
-    return SwcUtils.getFirstHost(this);
-  }
-
-  public getLastHost(): SwcHTMLElementInterface | undefined {
-    return this.getHost();
-  }
-
-  public getHostSet(): HostSet {
-    return SwcUtils.getHostSet(this);
-  }
-
-  /**
-   * 상위 호스트 체인에서 모든 컨텍스트(데이터)를 수집합니다.
-   */
-  protected _getSuperiorContext(): Record<string, any> {
-    const hostContext: Record<string, any> = {};
-    const hosts = this.getHosts();
-    hosts.forEach(host => {
-      if (typeof (host as any)._getHostContext === 'function') {
-        Object.assign(hostContext, (host as any)._getHostContext());
-      }
-    });
-    return hostContext;
-  }
-
-  protected initCore() {
-    this._asKey = this.getAttribute('as') || 'value';
-    this._asItemKey = this.getAttribute('as-item') || this.getAttribute('as') || 'item';
-    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) {
-      // Light DOM에서 템플릿 추출
-      this._masterTplNodes = Array.from(this.childNodes).map(n => n.cloneNode(true));
-    }
-  }
-
-  protected applyData(node: Node, data: any, index?: number) {
-    const hostContext = this._getSuperiorContext();
-
-    SwcUtils.applyData(node, data, {
-      asKey: this._asItemKey,
-      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/elements/base/SwcHTMLCanvasElementBase.ts

@@ -1,95 +0,0 @@
-import { SwcUtils } from '../../utils/Utils';
-import { SwcAppInterface, SwcHTMLElementInterface, HostSet } from '../SwcInterfaces';
-
-export abstract class SwcHTMLCanvasElementBase extends HTMLCanvasElement implements SwcHTMLElementInterface {
-  protected _masterTplNodes: Node[] = [];
-  protected _asKey: string = 'value';
-  protected _asItemKey: string = 'item';
-  protected _asIndexKey: string = 'index';
-  protected _isInitialized = false;
-
-  constructor() {
-    super();
-  }
-
-  public getAppHost(): SwcAppInterface | undefined {
-    return SwcUtils.getAppHost(this);
-  }
-
-  public getAppHosts(): SwcAppInterface[] {
-    return SwcUtils.getAppHosts(this);
-  }
-
-  public getFirstAppHost(): SwcAppInterface | undefined {
-    return SwcUtils.getFirstAppHost(this);
-  }
-
-  public getLastAppHost(): SwcAppInterface | undefined {
-    return SwcUtils.getLastAppHost(this);
-  }
-
-  public getHosts(): SwcHTMLElementInterface[] {
-    return SwcUtils.getHosts(this);
-  }
-
-  public getHost(): SwcHTMLElementInterface | undefined {
-    return SwcUtils.getHost(this);
-  }
-
-  public getFirstHost(): SwcHTMLElementInterface | undefined {
-    return SwcUtils.getFirstHost(this);
-  }
-
-  public getLastHost(): SwcHTMLElementInterface | undefined {
-    return this.getHost();
-  }
-
-  public getHostSet(): HostSet {
-    return SwcUtils.getHostSet(this);
-  }
-
-  /**
-   * 상위 호스트 체인에서 모든 컨텍스트(데이터)를 수집합니다.
-   */
-  protected _getSuperiorContext(): Record<string, any> {
-    const hostContext: Record<string, any> = {};
-    const hosts = this.getHosts();
-    hosts.forEach(host => {
-      if (typeof (host as any)._getHostContext === 'function') {
-        Object.assign(hostContext, (host as any)._getHostContext());
-      }
-    });
-    return hostContext;
-  }
-
-  protected initCore() {
-    this._asKey = this.getAttribute('as') || 'value';
-    this._asItemKey = this.getAttribute('as-item') || this.getAttribute('as') || 'item';
-    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) {
-      // Light DOM에서 템플릿 추출
-      this._masterTplNodes = Array.from(this.childNodes).map(n => n.cloneNode(true));
-    }
-  }
-
-  protected applyData(node: Node, data: any, index?: number) {
-    const hostContext = this._getSuperiorContext();
-
-    SwcUtils.applyData(node, data, {
-      asKey: this._asItemKey,
-      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/elements/base/SwcHTMLDListElementBase.ts

@@ -1,95 +0,0 @@
-import { SwcUtils } from '../../utils/Utils';
-import { SwcAppInterface, SwcHTMLElementInterface, HostSet } from '../SwcInterfaces';
-
-export abstract class SwcHTMLDListElementBase extends HTMLDListElement implements SwcHTMLElementInterface {
-  protected _masterTplNodes: Node[] = [];
-  protected _asKey: string = 'value';
-  protected _asItemKey: string = 'item';
-  protected _asIndexKey: string = 'index';
-  protected _isInitialized = false;
-
-  constructor() {
-    super();
-  }
-
-  public getAppHost(): SwcAppInterface | undefined {
-    return SwcUtils.getAppHost(this);
-  }
-
-  public getAppHosts(): SwcAppInterface[] {
-    return SwcUtils.getAppHosts(this);
-  }
-
-  public getFirstAppHost(): SwcAppInterface | undefined {
-    return SwcUtils.getFirstAppHost(this);
-  }
-
-  public getLastAppHost(): SwcAppInterface | undefined {
-    return SwcUtils.getLastAppHost(this);
-  }
-
-  public getHosts(): SwcHTMLElementInterface[] {
-    return SwcUtils.getHosts(this);
-  }
-
-  public getHost(): SwcHTMLElementInterface | undefined {
-    return SwcUtils.getHost(this);
-  }
-
-  public getFirstHost(): SwcHTMLElementInterface | undefined {
-    return SwcUtils.getFirstHost(this);
-  }
-
-  public getLastHost(): SwcHTMLElementInterface | undefined {
-    return this.getHost();
-  }
-
-  public getHostSet(): HostSet {
-    return SwcUtils.getHostSet(this);
-  }
-
-  /**
-   * 상위 호스트 체인에서 모든 컨텍스트(데이터)를 수집합니다.
-   */
-  protected _getSuperiorContext(): Record<string, any> {
-    const hostContext: Record<string, any> = {};
-    const hosts = this.getHosts();
-    hosts.forEach(host => {
-      if (typeof (host as any)._getHostContext === 'function') {
-        Object.assign(hostContext, (host as any)._getHostContext());
-      }
-    });
-    return hostContext;
-  }
-
-  protected initCore() {
-    this._asKey = this.getAttribute('as') || 'value';
-    this._asItemKey = this.getAttribute('as-item') || this.getAttribute('as') || 'item';
-    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) {
-      // Light DOM에서 템플릿 추출
-      this._masterTplNodes = Array.from(this.childNodes).map(n => n.cloneNode(true));
-    }
-  }
-
-  protected applyData(node: Node, data: any, index?: number) {
-    const hostContext = this._getSuperiorContext();
-
-    SwcUtils.applyData(node, data, {
-      asKey: this._asItemKey,
-      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/elements/base/SwcHTMLDataElementBase.ts

@@ -1,95 +0,0 @@
-import { SwcUtils } from '../../utils/Utils';
-import { SwcAppInterface, SwcHTMLElementInterface, HostSet } from '../SwcInterfaces';
-
-export abstract class SwcHTMLDataElementBase extends HTMLDataElement implements SwcHTMLElementInterface {
-  protected _masterTplNodes: Node[] = [];
-  protected _asKey: string = 'value';
-  protected _asItemKey: string = 'item';
-  protected _asIndexKey: string = 'index';
-  protected _isInitialized = false;
-
-  constructor() {
-    super();
-  }
-
-  public getAppHost(): SwcAppInterface | undefined {
-    return SwcUtils.getAppHost(this);
-  }
-
-  public getAppHosts(): SwcAppInterface[] {
-    return SwcUtils.getAppHosts(this);
-  }
-
-  public getFirstAppHost(): SwcAppInterface | undefined {
-    return SwcUtils.getFirstAppHost(this);
-  }
-
-  public getLastAppHost(): SwcAppInterface | undefined {
-    return SwcUtils.getLastAppHost(this);
-  }
-
-  public getHosts(): SwcHTMLElementInterface[] {
-    return SwcUtils.getHosts(this);
-  }
-
-  public getHost(): SwcHTMLElementInterface | undefined {
-    return SwcUtils.getHost(this);
-  }
-
-  public getFirstHost(): SwcHTMLElementInterface | undefined {
-    return SwcUtils.getFirstHost(this);
-  }
-
-  public getLastHost(): SwcHTMLElementInterface | undefined {
-    return this.getHost();
-  }
-
-  public getHostSet(): HostSet {
-    return SwcUtils.getHostSet(this);
-  }
-
-  /**
-   * 상위 호스트 체인에서 모든 컨텍스트(데이터)를 수집합니다.
-   */
-  protected _getSuperiorContext(): Record<string, any> {
-    const hostContext: Record<string, any> = {};
-    const hosts = this.getHosts();
-    hosts.forEach(host => {
-      if (typeof (host as any)._getHostContext === 'function') {
-        Object.assign(hostContext, (host as any)._getHostContext());
-      }
-    });
-    return hostContext;
-  }
-
-  protected initCore() {
-    this._asKey = this.getAttribute('as') || 'value';
-    this._asItemKey = this.getAttribute('as-item') || this.getAttribute('as') || 'item';
-    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) {
-      // Light DOM에서 템플릿 추출
-      this._masterTplNodes = Array.from(this.childNodes).map(n => n.cloneNode(true));
-    }
-  }
-
-  protected applyData(node: Node, data: any, index?: number) {
-    const hostContext = this._getSuperiorContext();
-
-    SwcUtils.applyData(node, data, {
-      asKey: this._asItemKey,
-      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/elements/base/SwcHTMLDataListElementBase.ts

@@ -1,95 +0,0 @@
-import { SwcUtils } from '../../utils/Utils';
-import { SwcAppInterface, SwcHTMLElementInterface, HostSet } from '../SwcInterfaces';
-
-export abstract class SwcHTMLDataListElementBase extends HTMLDataListElement implements SwcHTMLElementInterface {
-  protected _masterTplNodes: Node[] = [];
-  protected _asKey: string = 'value';
-  protected _asItemKey: string = 'item';
-  protected _asIndexKey: string = 'index';
-  protected _isInitialized = false;
-
-  constructor() {
-    super();
-  }
-
-  public getAppHost(): SwcAppInterface | undefined {
-    return SwcUtils.getAppHost(this);
-  }
-
-  public getAppHosts(): SwcAppInterface[] {
-    return SwcUtils.getAppHosts(this);
-  }
-
-  public getFirstAppHost(): SwcAppInterface | undefined {
-    return SwcUtils.getFirstAppHost(this);
-  }
-
-  public getLastAppHost(): SwcAppInterface | undefined {
-    return SwcUtils.getLastAppHost(this);
-  }
-
-  public getHosts(): SwcHTMLElementInterface[] {
-    return SwcUtils.getHosts(this);
-  }
-
-  public getHost(): SwcHTMLElementInterface | undefined {
-    return SwcUtils.getHost(this);
-  }
-
-  public getFirstHost(): SwcHTMLElementInterface | undefined {
-    return SwcUtils.getFirstHost(this);
-  }
-
-  public getLastHost(): SwcHTMLElementInterface | undefined {
-    return this.getHost();
-  }
-
-  public getHostSet(): HostSet {
-    return SwcUtils.getHostSet(this);
-  }
-
-  /**
-   * 상위 호스트 체인에서 모든 컨텍스트(데이터)를 수집합니다.
-   */
-  protected _getSuperiorContext(): Record<string, any> {
-    const hostContext: Record<string, any> = {};
-    const hosts = this.getHosts();
-    hosts.forEach(host => {
-      if (typeof (host as any)._getHostContext === 'function') {
-        Object.assign(hostContext, (host as any)._getHostContext());
-      }
-    });
-    return hostContext;
-  }
-
-  protected initCore() {
-    this._asKey = this.getAttribute('as') || 'value';
-    this._asItemKey = this.getAttribute('as-item') || this.getAttribute('as') || 'item';
-    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) {
-      // Light DOM에서 템플릿 추출
-      this._masterTplNodes = Array.from(this.childNodes).map(n => n.cloneNode(true));
-    }
-  }
-
-  protected applyData(node: Node, data: any, index?: number) {
-    const hostContext = this._getSuperiorContext();
-
-    SwcUtils.applyData(node, data, {
-      asKey: this._asItemKey,
-      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/elements/base/SwcHTMLDetailsElementBase.ts

@@ -1,95 +0,0 @@
-import { SwcUtils } from '../../utils/Utils';
-import { SwcAppInterface, SwcHTMLElementInterface, HostSet } from '../SwcInterfaces';
-
-export abstract class SwcHTMLDetailsElementBase extends HTMLDetailsElement implements SwcHTMLElementInterface {
-  protected _masterTplNodes: Node[] = [];
-  protected _asKey: string = 'value';
-  protected _asItemKey: string = 'item';
-  protected _asIndexKey: string = 'index';
-  protected _isInitialized = false;
-
-  constructor() {
-    super();
-  }
-
-  public getAppHost(): SwcAppInterface | undefined {
-    return SwcUtils.getAppHost(this);
-  }
-
-  public getAppHosts(): SwcAppInterface[] {
-    return SwcUtils.getAppHosts(this);
-  }
-
-  public getFirstAppHost(): SwcAppInterface | undefined {
-    return SwcUtils.getFirstAppHost(this);
-  }
-
-  public getLastAppHost(): SwcAppInterface | undefined {
-    return SwcUtils.getLastAppHost(this);
-  }
-
-  public getHosts(): SwcHTMLElementInterface[] {
-    return SwcUtils.getHosts(this);
-  }
-
-  public getHost(): SwcHTMLElementInterface | undefined {
-    return SwcUtils.getHost(this);
-  }
-
-  public getFirstHost(): SwcHTMLElementInterface | undefined {
-    return SwcUtils.getFirstHost(this);
-  }
-
-  public getLastHost(): SwcHTMLElementInterface | undefined {
-    return this.getHost();
-  }
-
-  public getHostSet(): HostSet {
-    return SwcUtils.getHostSet(this);
-  }
-
-  /**
-   * 상위 호스트 체인에서 모든 컨텍스트(데이터)를 수집합니다.
-   */
-  protected _getSuperiorContext(): Record<string, any> {
-    const hostContext: Record<string, any> = {};
-    const hosts = this.getHosts();
-    hosts.forEach(host => {
-      if (typeof (host as any)._getHostContext === 'function') {
-        Object.assign(hostContext, (host as any)._getHostContext());
-      }
-    });
-    return hostContext;
-  }
-
-  protected initCore() {
-    this._asKey = this.getAttribute('as') || 'value';
-    this._asItemKey = this.getAttribute('as-item') || this.getAttribute('as') || 'item';
-    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) {
-      // Light DOM에서 템플릿 추출
-      this._masterTplNodes = Array.from(this.childNodes).map(n => n.cloneNode(true));
-    }
-  }
-
-  protected applyData(node: Node, data: any, index?: number) {
-    const hostContext = this._getSuperiorContext();
-
-    SwcUtils.applyData(node, data, {
-      asKey: this._asItemKey,
-      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/elements/base/SwcHTMLDialogElementBase.ts

@@ -1,95 +0,0 @@
-import { SwcUtils } from '../../utils/Utils';
-import { SwcAppInterface, SwcHTMLElementInterface, HostSet } from '../SwcInterfaces';
-
-export abstract class SwcHTMLDialogElementBase extends HTMLDialogElement implements SwcHTMLElementInterface {
-  protected _masterTplNodes: Node[] = [];
-  protected _asKey: string = 'value';
-  protected _asItemKey: string = 'item';
-  protected _asIndexKey: string = 'index';
-  protected _isInitialized = false;
-
-  constructor() {
-    super();
-  }
-
-  public getAppHost(): SwcAppInterface | undefined {
-    return SwcUtils.getAppHost(this);
-  }
-
-  public getAppHosts(): SwcAppInterface[] {
-    return SwcUtils.getAppHosts(this);
-  }
-
-  public getFirstAppHost(): SwcAppInterface | undefined {
-    return SwcUtils.getFirstAppHost(this);
-  }
-
-  public getLastAppHost(): SwcAppInterface | undefined {
-    return SwcUtils.getLastAppHost(this);
-  }
-
-  public getHosts(): SwcHTMLElementInterface[] {
-    return SwcUtils.getHosts(this);
-  }
-
-  public getHost(): SwcHTMLElementInterface | undefined {
-    return SwcUtils.getHost(this);
-  }
-
-  public getFirstHost(): SwcHTMLElementInterface | undefined {
-    return SwcUtils.getFirstHost(this);
-  }
-
-  public getLastHost(): SwcHTMLElementInterface | undefined {
-    return this.getHost();
-  }
-
-  public getHostSet(): HostSet {
-    return SwcUtils.getHostSet(this);
-  }
-
-  /**
-   * 상위 호스트 체인에서 모든 컨텍스트(데이터)를 수집합니다.
-   */
-  protected _getSuperiorContext(): Record<string, any> {
-    const hostContext: Record<string, any> = {};
-    const hosts = this.getHosts();
-    hosts.forEach(host => {
-      if (typeof (host as any)._getHostContext === 'function') {
-        Object.assign(hostContext, (host as any)._getHostContext());
-      }
-    });
-    return hostContext;
-  }
-
-  protected initCore() {
-    this._asKey = this.getAttribute('as') || 'value';
-    this._asItemKey = this.getAttribute('as-item') || this.getAttribute('as') || 'item';
-    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) {
-      // Light DOM에서 템플릿 추출
-      this._masterTplNodes = Array.from(this.childNodes).map(n => n.cloneNode(true));
-    }
-  }
-
-  protected applyData(node: Node, data: any, index?: number) {
-    const hostContext = this._getSuperiorContext();
-
-    SwcUtils.applyData(node, data, {
-      asKey: this._asItemKey,
-      asIndexKey: this._asIndexKey,
-      index,
-      hostContext
-    });
-  }
-
-  protected createReactiveProxy(target: any, onChange: () => void, onIndexChange?: (index: number, val: any) => void) {
-    return SwcUtils.createReactiveProxy(target, onChange, onIndexChange);
-  }
-}