@dooboostore/simple-web-component 1.0.14 → 1.0.16

package/src/elements/apps/index.ts

@@ -1,178 +0,0 @@
-import { SwcApp } from './SwcApp';
-import { SwcAppAnchor } from './SwcAppAnchor';
-import { SwcAppArea } from './SwcAppArea';
-import { SwcAppAudio } from './SwcAppAudio';
-import { SwcAppBase } from './SwcAppBase';
-import { SwcAppButton } from './SwcAppButton';
-import { SwcAppCanvas } from './SwcAppCanvas';
-import { SwcAppData } from './SwcAppData';
-import { SwcAppDataList } from './SwcAppDataList';
-import { SwcAppDetails } from './SwcAppDetails';
-import { SwcAppDialog } from './SwcAppDialog';
-import { SwcAppDiv } from './SwcAppDiv';
-import { SwcAppDl } from './SwcAppDl';
-import { SwcAppEmbed } from './SwcAppEmbed';
-import { SwcAppFieldSet } from './SwcAppFieldSet';
-import { SwcAppForm } from './SwcAppForm';
-import { SwcAppHr } from './SwcAppHr';
-import { SwcAppIFrame } from './SwcAppIFrame';
-import { SwcAppImage } from './SwcAppImage';
-import { SwcAppInput } from './SwcAppInput';
-import { SwcAppLabel } from './SwcAppLabel';
-import { SwcAppLegend } from './SwcAppLegend';
-import { SwcAppLi } from './SwcAppLi';
-import { SwcAppLink } from './SwcAppLink';
-import { SwcAppMap } from './SwcAppMap';
-import { SwcAppMeta } from './SwcAppMeta';
-import { SwcAppMeter } from './SwcAppMeter';
-import { SwcAppMod } from './SwcAppMod';
-import { SwcAppObject } from './SwcAppObject';
-import { SwcAppOl } from './SwcAppOl';
-import { SwcAppOptGroup } from './SwcAppOptGroup';
-import { SwcAppOption } from './SwcAppOption';
-import { SwcAppOutput } from './SwcAppOutput';
-import { SwcAppParagraph } from './SwcAppParagraph';
-import { SwcAppParam } from './SwcAppParam';
-import { SwcAppPicture } from './SwcAppPicture';
-import { SwcAppPre } from './SwcAppPre';
-import { SwcAppProgress } from './SwcAppProgress';
-import { SwcAppQuote } from './SwcAppQuote';
-import { SwcAppScript } from './SwcAppScript';
-import { SwcAppSelect } from './SwcAppSelect';
-import { SwcAppSlot } from './SwcAppSlot';
-import { SwcAppSource } from './SwcAppSource';
-import { SwcAppSpan } from './SwcAppSpan';
-import { SwcAppStyle } from './SwcAppStyle';
-import { SwcAppTable } from './SwcAppTable';
-import { SwcAppTableSection } from './SwcAppTableSection';
-import { SwcAppTableCell } from './SwcAppTableCell';
-import { SwcAppTemplate } from './SwcAppTemplate';
-import { SwcAppTextArea } from './SwcAppTextArea';
-import { SwcAppTime } from './SwcAppTime';
-import { SwcAppTitle } from './SwcAppTitle';
-import { SwcAppTableRow } from './SwcAppTableRow';
-import { SwcAppTrack } from './SwcAppTrack';
-import { SwcAppUl } from './SwcAppUl';
-import { SwcAppVideo } from './SwcAppVideo';
-import { SwcAppHeading } from './SwcAppHeading';
-import { SwcAppBody } from './SwcAppBody';
-
-export * from './SwcApp';
-export * from './SwcAppAnchor';
-export * from './SwcAppArea';
-export * from './SwcAppAudio';
-export * from './SwcAppBase';
-export * from './SwcAppButton';
-export * from './SwcAppCanvas';
-export * from './SwcAppData';
-export * from './SwcAppDataList';
-export * from './SwcAppDetails';
-export * from './SwcAppDialog';
-export * from './SwcAppDiv';
-export * from './SwcAppDl';
-export * from './SwcAppEmbed';
-export * from './SwcAppFieldSet';
-export * from './SwcAppForm';
-export * from './SwcAppHr';
-export * from './SwcAppIFrame';
-export * from './SwcAppImage';
-export * from './SwcAppInput';
-export * from './SwcAppLabel';
-export * from './SwcAppLegend';
-export * from './SwcAppLi';
-export * from './SwcAppLink';
-export * from './SwcAppMap';
-export * from './SwcAppMeta';
-export * from './SwcAppMeter';
-export * from './SwcAppMod';
-export * from './SwcAppObject';
-export * from './SwcAppOl';
-export * from './SwcAppOptGroup';
-export * from './SwcAppOption';
-export * from './SwcAppOutput';
-export * from './SwcAppParagraph';
-export * from './SwcAppParam';
-export * from './SwcAppPicture';
-export * from './SwcAppPre';
-export * from './SwcAppProgress';
-export * from './SwcAppQuote';
-export * from './SwcAppScript';
-export * from './SwcAppSelect';
-export * from './SwcAppSlot';
-export * from './SwcAppSource';
-export * from './SwcAppSpan';
-export * from './SwcAppStyle';
-export * from './SwcAppTable';
-export * from './SwcAppTableSection';
-export * from './SwcAppTableCell';
-export * from './SwcAppTemplate';
-export * from './SwcAppTextArea';
-export * from './SwcAppTime';
-export * from './SwcAppTitle';
-export * from './SwcAppTableRow';
-export * from './SwcAppTrack';
-export * from './SwcAppUl';
-export * from './SwcAppVideo';
-export * from './SwcAppHeading';
-export * from './SwcAppBody';
-
-export const swcApps = [
-  SwcApp,
-  SwcAppAnchor,
-  SwcAppArea,
-  SwcAppAudio,
-  SwcAppBase,
-  SwcAppButton,
-  SwcAppCanvas,
-  SwcAppData,
-  SwcAppDataList,
-  SwcAppDetails,
-  SwcAppDialog,
-  SwcAppDiv,
-  SwcAppDl,
-  SwcAppEmbed,
-  SwcAppFieldSet,
-  SwcAppForm,
-  SwcAppHr,
-  SwcAppIFrame,
-  SwcAppImage,
-  SwcAppInput,
-  SwcAppLabel,
-  SwcAppLegend,
-  SwcAppLi,
-  SwcAppLink,
-  SwcAppMap,
-  SwcAppMeta,
-  SwcAppMeter,
-  SwcAppMod,
-  SwcAppObject,
-  SwcAppOl,
-  SwcAppOptGroup,
-  SwcAppOption,
-  SwcAppOutput,
-  SwcAppParagraph,
-  SwcAppParam,
-  SwcAppPicture,
-  SwcAppPre,
-  SwcAppProgress,
-  SwcAppQuote,
-  SwcAppScript,
-  SwcAppSelect,
-  SwcAppSlot,
-  SwcAppSource,
-  SwcAppSpan,
-  SwcAppStyle,
-  SwcAppTable,
-  SwcAppTableSection,
-  SwcAppTableCell,
-  SwcAppTemplate,
-  SwcAppTextArea,
-  SwcAppTime,
-  SwcAppTitle,
-  SwcAppTableRow,
-  SwcAppTrack,
-  SwcAppUl,
-  SwcAppVideo,
-  SwcAppHeading,
-  SwcAppBody
-];

package/src/elements/base/SwcHTMLAnchorElementBase.ts

@@ -1,95 +0,0 @@
-import { SwcUtils } from '../../utils/Utils';
-import { SwcAppInterface, SwcHTMLElementInterface, HostSet } from '../SwcInterfaces';
-
-export abstract class SwcHTMLAnchorElementBase extends HTMLAnchorElement 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/SwcHTMLAreaElementBase.ts

@@ -1,95 +0,0 @@
-import { SwcUtils } from '../../utils/Utils';
-import { SwcAppInterface, SwcHTMLElementInterface, HostSet } from '../SwcInterfaces';
-
-export abstract class SwcHTMLAreaElementBase extends HTMLAreaElement 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/SwcHTMLAudioElementBase.ts

@@ -1,95 +0,0 @@
-import { SwcUtils } from '../../utils/Utils';
-import { SwcAppInterface, SwcHTMLElementInterface, HostSet } from '../SwcInterfaces';
-
-export abstract class SwcHTMLAudioElementBase extends HTMLAudioElement 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/SwcHTMLBaseElementBase.ts

@@ -1,95 +0,0 @@
-import { SwcUtils } from '../../utils/Utils';
-import { SwcAppInterface, SwcHTMLElementInterface, HostSet } from '../SwcInterfaces';
-
-export abstract class SwcHTMLBaseElementBase extends HTMLBaseElement 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/SwcHTMLBodyElementBase.ts

@@ -1,95 +0,0 @@
-import { SwcUtils } from '../../utils/Utils';
-import { SwcAppInterface, SwcHTMLElementInterface, HostSet } from '../SwcInterfaces';
-
-export abstract class SwcHTMLBodyElementBase extends HTMLBodyElement 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);
-  }
-}