@dooboostore/simple-web-component 1.0.9 → 1.0.11

package/dist/esm/elements/SwcForOf.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/elements/SwcForOf.ts"],
-  "sourcesContent": ["import { attribute, elementDefine, innerHtml, onAttributeChanged } from '../index';\nimport { SwcHTMLElementBase } from './SwcHTMLElementBase';\n\n@elementDefine({ name: 'swc-for-of' })\nexport class SwcForOf extends SwcHTMLElementBase {\n  private _placeholder = document.createComment('swc-for-of-placeholder');\n  private _isShowing = true;\n  private _isConnected = false;\n\n  @attribute('swc-value')\n  _swcValue: any[] = [];\n\n  private _rowNodes: Node[][] = [];\n\n  constructor() {\n    super();\n  }\n\n  @onAttributeChanged('swc-value')\n  onValueChange() {\n    if (!Array.isArray(this._swcValue)) this._swcValue = [];\n\n    // 이미 Proxy가 아닌 경우에만 새 Proxy 생성\n    if (!(this._swcValue as any).__swc_is_proxy) {\n      this._swcValue = this.createReactiveProxy(\n        this._swcValue,\n        () => this.renderAll(),\n        (idx, v) => this.updateSingleRow(idx, v)\n      );\n    }\n\n    // connectedCallback 이후에만 렌더링 (DOM이 준비된 상태)\n    if (this._isConnected) {\n      if (this._masterTplNodes.length === 0) this.initCore();\n      this.evaluate();\n    }\n  }\n\n  set swcValue(val: any[]) {\n    this._swcValue = val;\n  }\n\n  get swcValue(): any[] {\n    return this._swcValue;\n  }\n\n  @innerHtml({ useShadow: true })\n  renderTemplate() {\n    return `\n      <style>:host { display: contents; }</style>\n      <slot id=\"tpl-slot\" style=\"display:none;\"></slot>\n    `;\n  }\n\n  connectedCallback() {\n    this._isConnected = true;\n    this.initCore();\n    this.evaluate();\n  }\n\n  private evaluate() {\n    if (this._masterTplNodes.length === 0) this.initCore();\n\n    const hasData = Array.isArray(this._swcValue) && this._swcValue.length > 0;\n\n    if (!hasData && this._isShowing) {\n      if (this.parentNode) {\n        this.parentNode.insertBefore(this._placeholder, this);\n        this.remove();\n        this._isShowing = false;\n      }\n    } else if (hasData) {\n      if (!this._isShowing) {\n        if (this._placeholder.parentNode) {\n          this._placeholder.parentNode.insertBefore(this, this._placeholder);\n          this._placeholder.remove();\n          this._isShowing = true;\n        }\n      }\n      this.renderAll();\n    }\n  }\n\n  public updateSingleRow(index: number, newValue: any) {\n    if (!this._isShowing) return;\n    const nodes = this._rowNodes[index];\n    if (nodes && nodes.length > 0) {\n      nodes.forEach(node => this.applyData(node, newValue, index));\n    } else if (index === this._rowNodes.length) {\n      this.renderRow(newValue, index);\n    }\n  }\n\n  public addRow(item: any) {\n    this._swcValue.push(item);\n  }\n\n  public removeRow(index: number) {\n    if (index < 0 || index >= this._rowNodes.length) return;\n\n    this._rowNodes[index].forEach(node => (node as Element).remove());\n    this._rowNodes.splice(index, 1);\n    this._swcValue.splice(index, 1);\n\n    for (let i = index; i < this._rowNodes.length; i++) {\n      this._rowNodes[i].forEach(node => this.applyData(node, this._swcValue[i], i));\n    }\n\n    this.evaluate();\n  }\n\n  private renderRow(item: any, index: number) {\n    if (this._masterTplNodes.length === 0) return;\n    const currentNodes: Node[] = [];\n    this._masterTplNodes.forEach(tplNode => {\n      const clone = tplNode.cloneNode(true);\n      this.appendChild(clone);\n      this.applyData(clone, item, index);\n      currentNodes.push(clone);\n    });\n    this._rowNodes[index] = currentNodes;\n  }\n\n  private renderAll() {\n    this.innerHTML = '';\n    this._rowNodes = [];\n    if (Array.isArray(this._swcValue)) {\n      this._swcValue.forEach((item, index) => this.renderRow(item, index));\n    }\n  }\n}\n"],
+  "sourcesContent": ["import { attribute, elementDefine, innerHtml, onAttributeChanged } from '../index';\nimport { SwcHTMLElementBase } from './base/SwcHTMLElementBase';\n\n@elementDefine({ name: 'swc-for-of' })\nexport class SwcForOf extends SwcHTMLElementBase {\n  private _placeholder = document.createComment('swc-for-of-placeholder');\n  private _isShowing = true;\n  private _isConnected = false;\n\n  @attribute('swc-value')\n  _swcValue: any[] = [];\n\n  private _rowNodes: Node[][] = [];\n\n  constructor() {\n    super();\n  }\n\n  @onAttributeChanged('swc-value')\n  onValueChange() {\n    if (!Array.isArray(this._swcValue)) this._swcValue = [];\n\n    // 이미 Proxy가 아닌 경우에만 새 Proxy 생성\n    if (!(this._swcValue as any).__swc_is_proxy) {\n      this._swcValue = this.createReactiveProxy(\n        this._swcValue,\n        () => this.renderAll(),\n        (idx, v) => this.updateSingleRow(idx, v)\n      );\n    }\n\n    // connectedCallback 이후에만 렌더링 (DOM이 준비된 상태)\n    if (this._isConnected) {\n      if (this._masterTplNodes.length === 0) this.initCore();\n      this.evaluate();\n    }\n  }\n\n  set swcValue(val: any[]) {\n    this._swcValue = val;\n  }\n\n  get swcValue(): any[] {\n    return this._swcValue;\n  }\n\n  @innerHtml({ useShadow: true })\n  renderTemplate() {\n    return `\n      <style>:host { display: contents; }</style>\n      <slot id=\"tpl-slot\" style=\"display:none;\"></slot>\n    `;\n  }\n\n  connectedCallback() {\n    this._isConnected = true;\n    this.initCore();\n    this.evaluate();\n  }\n\n  private evaluate() {\n    if (this._masterTplNodes.length === 0) this.initCore();\n\n    const hasData = Array.isArray(this._swcValue) && this._swcValue.length > 0;\n\n    if (!hasData && this._isShowing) {\n      if (this.parentNode) {\n        this.parentNode.insertBefore(this._placeholder, this);\n        this.remove();\n        this._isShowing = false;\n      }\n    } else if (hasData) {\n      if (!this._isShowing) {\n        if (this._placeholder.parentNode) {\n          this._placeholder.parentNode.insertBefore(this, this._placeholder);\n          this._placeholder.remove();\n          this._isShowing = true;\n        }\n      }\n      this.renderAll();\n    }\n  }\n\n  public updateSingleRow(index: number, newValue: any) {\n    if (!this._isShowing) return;\n    const nodes = this._rowNodes[index];\n    if (nodes && nodes.length > 0) {\n      nodes.forEach(node => this.applyData(node, newValue, index));\n    } else if (index === this._rowNodes.length) {\n      this.renderRow(newValue, index);\n    }\n  }\n\n  public addRow(item: any) {\n    this._swcValue.push(item);\n  }\n\n  public removeRow(index: number) {\n    if (index < 0 || index >= this._rowNodes.length) return;\n\n    this._rowNodes[index].forEach(node => (node as Element).remove());\n    this._rowNodes.splice(index, 1);\n    this._swcValue.splice(index, 1);\n\n    for (let i = index; i < this._rowNodes.length; i++) {\n      this._rowNodes[i].forEach(node => this.applyData(node, this._swcValue[i], i));\n    }\n\n    this.evaluate();\n  }\n\n  private renderRow(item: any, index: number) {\n    if (this._masterTplNodes.length === 0) return;\n    const currentNodes: Node[] = [];\n    this._masterTplNodes.forEach(tplNode => {\n      const clone = tplNode.cloneNode(true);\n      this.appendChild(clone);\n      this.applyData(clone, item, index);\n      currentNodes.push(clone);\n    });\n    this._rowNodes[index] = currentNodes;\n  }\n\n  private renderAll() {\n    this.innerHTML = '';\n    this._rowNodes = [];\n    if (Array.isArray(this._swcValue)) {\n      this._swcValue.forEach((item, index) => this.renderRow(item, index));\n    }\n  }\n}\n"],
   "mappings": "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",
   "names": ["SwcForOf"]
 }

package/dist/esm/elements/SwcForOfChildren.js

@@ -8,7 +8,7 @@ var __metadata = function(k, v) {
   if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 import { attribute, elementDefine, innerHtml, onAttributeChanged } from "../index.js";
-import { SwcHTMLElementBase } from "./SwcHTMLElementBase.js";
+import { SwcHTMLElementBase } from "./base/SwcHTMLElementBase.js";
 let SwcForOfChildren = class SwcForOfChildren2 extends SwcHTMLElementBase {
   constructor() {
     super();

package/dist/esm/elements/SwcForOfChildren.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/elements/SwcForOfChildren.ts"],
-  "sourcesContent": ["import { attribute, elementDefine, innerHtml, onAttributeChanged } from '../index';\nimport { SwcHTMLElementBase } from './SwcHTMLElementBase';\n\n@elementDefine({ name: 'swc-for-of-children' })\nexport class SwcForOfChildren extends SwcHTMLElementBase {\n  @attribute('swc-value')\n  _swcValue: any[] = [];\n\n  private _rowNodes: Node[][] = [];\n\n  constructor() {\n    super();\n  }\n\n  @onAttributeChanged('swc-value')\n  onValueChange() {\n    if (!Array.isArray(this._swcValue)) this._swcValue = [];\n    if (!(this._swcValue as any).__swc_is_proxy) {\n      this._swcValue = this.createReactiveProxy(\n        this._swcValue,\n        () => this.renderAll(),\n        (idx, v) => this.updateSingleRow(idx, v)\n      );\n    }\n    if (this._masterTplNodes.length === 0) this.initCore();\n    this.renderAll();\n  }\n\n  set swcValue(val: any[]) {\n    this._swcValue = val;\n  }\n\n  get swcValue(): any[] {\n    return this._swcValue;\n  }\n\n  @innerHtml({ useShadow: true })\n  renderTemplate() {\n    return `\n      <style>:host { display: contents; }</style>\n      <slot id=\"tpl-slot\" style=\"display:none;\"></slot>\n    `;\n  }\n\n  connectedCallback() {\n    this.initCore();\n    this.renderAll();\n  }\n\n  public updateSingleRow(index: number, newValue: any) {\n    const targets = this.querySelectorAll(`[slot=\"row-${index}\"]`);\n    if (targets.length > 0) {\n      targets.forEach(target => this.applyData(target, newValue, index));\n    } else {\n      this.renderRow(newValue, index);\n    }\n  }\n\n  private renderRow(item: any, index: number) {\n    if (!this.shadowRoot || this._masterTplNodes.length === 0) return;\n\n    const slotName = `row-${index}`;\n    if (!this.shadowRoot.querySelector(`slot[name=\"${slotName}\"]`)) {\n      const slot = document.createElement('slot');\n      slot.name = slotName;\n      this.shadowRoot.appendChild(slot);\n    }\n\n    const currentNodes: Node[] = [];\n    this._masterTplNodes.forEach(tplNode => {\n      const clone = tplNode.cloneNode(true);\n      if (clone.nodeType === Node.ELEMENT_NODE) {\n        (clone as HTMLElement).setAttribute('slot', slotName);\n        (clone as HTMLElement).style.display = '';\n      } else if (clone.nodeType === Node.TEXT_NODE) {\n        if (clone.textContent?.trim().length === 0) return;\n        const span = document.createElement('span');\n        span.setAttribute('slot', slotName);\n        span.appendChild(clone);\n        this.appendChild(span);\n        this.applyData(span, item, index);\n        currentNodes.push(span);\n        return;\n      }\n      this.appendChild(clone);\n      this.applyData(clone, item, index);\n      currentNodes.push(clone);\n    });\n    this._rowNodes[index] = currentNodes;\n  }\n\n  private renderAll() {\n    if (this._masterTplNodes.length === 0 || !this.shadowRoot) return;\n\n    Array.from(this.children).forEach(c => {\n      const slot = c.getAttribute('slot');\n      if (slot && slot.startsWith('row-')) {\n        c.remove();\n      }\n    });\n\n    Array.from(this.shadowRoot.querySelectorAll('slot')).forEach(s => {\n      if (s.id !== 'tpl-slot') s.remove();\n    });\n\n    this._rowNodes = [];\n    this._swcValue.forEach((item, index) => this.renderRow(item, index));\n  }\n}\n"],
+  "sourcesContent": ["import { attribute, elementDefine, innerHtml, onAttributeChanged } from '../index';\nimport { SwcHTMLElementBase } from './base/SwcHTMLElementBase';\n\n@elementDefine({ name: 'swc-for-of-children' })\nexport class SwcForOfChildren extends SwcHTMLElementBase {\n  @attribute('swc-value')\n  _swcValue: any[] = [];\n\n  private _rowNodes: Node[][] = [];\n\n  constructor() {\n    super();\n  }\n\n  @onAttributeChanged('swc-value')\n  onValueChange() {\n    if (!Array.isArray(this._swcValue)) this._swcValue = [];\n    if (!(this._swcValue as any).__swc_is_proxy) {\n      this._swcValue = this.createReactiveProxy(\n        this._swcValue,\n        () => this.renderAll(),\n        (idx, v) => this.updateSingleRow(idx, v)\n      );\n    }\n    if (this._masterTplNodes.length === 0) this.initCore();\n    this.renderAll();\n  }\n\n  set swcValue(val: any[]) {\n    this._swcValue = val;\n  }\n\n  get swcValue(): any[] {\n    return this._swcValue;\n  }\n\n  @innerHtml({ useShadow: true })\n  renderTemplate() {\n    return `\n      <style>:host { display: contents; }</style>\n      <slot id=\"tpl-slot\" style=\"display:none;\"></slot>\n    `;\n  }\n\n  connectedCallback() {\n    this.initCore();\n    this.renderAll();\n  }\n\n  public updateSingleRow(index: number, newValue: any) {\n    const targets = this.querySelectorAll(`[slot=\"row-${index}\"]`);\n    if (targets.length > 0) {\n      targets.forEach(target => this.applyData(target, newValue, index));\n    } else {\n      this.renderRow(newValue, index);\n    }\n  }\n\n  private renderRow(item: any, index: number) {\n    if (!this.shadowRoot || this._masterTplNodes.length === 0) return;\n\n    const slotName = `row-${index}`;\n    if (!this.shadowRoot.querySelector(`slot[name=\"${slotName}\"]`)) {\n      const slot = document.createElement('slot');\n      slot.name = slotName;\n      this.shadowRoot.appendChild(slot);\n    }\n\n    const currentNodes: Node[] = [];\n    this._masterTplNodes.forEach(tplNode => {\n      const clone = tplNode.cloneNode(true);\n      if (clone.nodeType === Node.ELEMENT_NODE) {\n        (clone as HTMLElement).setAttribute('slot', slotName);\n        (clone as HTMLElement).style.display = '';\n      } else if (clone.nodeType === Node.TEXT_NODE) {\n        if (clone.textContent?.trim().length === 0) return;\n        const span = document.createElement('span');\n        span.setAttribute('slot', slotName);\n        span.appendChild(clone);\n        this.appendChild(span);\n        this.applyData(span, item, index);\n        currentNodes.push(span);\n        return;\n      }\n      this.appendChild(clone);\n      this.applyData(clone, item, index);\n      currentNodes.push(clone);\n    });\n    this._rowNodes[index] = currentNodes;\n  }\n\n  private renderAll() {\n    if (this._masterTplNodes.length === 0 || !this.shadowRoot) return;\n\n    Array.from(this.children).forEach(c => {\n      const slot = c.getAttribute('slot');\n      if (slot && slot.startsWith('row-')) {\n        c.remove();\n      }\n    });\n\n    Array.from(this.shadowRoot.querySelectorAll('slot')).forEach(s => {\n      if (s.id !== 'tpl-slot') s.remove();\n    });\n\n    this._rowNodes = [];\n    this._swcValue.forEach((item, index) => this.renderRow(item, index));\n  }\n}\n"],
   "mappings": ";;;;;;;;;AAAA,SAAS,WAAW,eAAe,WAAW,0BAA0B;AACxE,SAAS,0BAA0B;AAG5B,IAAM,mBAAN,MAAMA,0BAAyB,mBAAkB;EAMtD,cAAA;AACE,UAAK;AALP,SAAA,YAAmB,CAAA;AAEX,SAAA,YAAsB,CAAA;EAI9B;EAGA,gBAAa;AACX,QAAI,CAAC,MAAM,QAAQ,KAAK,SAAS;AAAG,WAAK,YAAY,CAAA;AACrD,QAAI,CAAE,KAAK,UAAkB,gBAAgB;AAC3C,WAAK,YAAY,KAAK,oBACpB,KAAK,WACL,MAAM,KAAK,UAAS,GACpB,CAAC,KAAK,MAAM,KAAK,gBAAgB,KAAK,CAAC,CAAC;IAE5C;AACA,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AACpD,SAAK,UAAS;EAChB;EAEA,IAAI,SAAS,KAAU;AACrB,SAAK,YAAY;EACnB;EAEA,IAAI,WAAQ;AACV,WAAO,KAAK;EACd;EAGA,iBAAc;AACZ,WAAO;;;;EAIT;EAEA,oBAAiB;AACf,SAAK,SAAQ;AACb,SAAK,UAAS;EAChB;EAEO,gBAAgB,OAAe,UAAa;AACjD,UAAM,UAAU,KAAK,iBAAiB,cAAc,KAAK,IAAI;AAC7D,QAAI,QAAQ,SAAS,GAAG;AACtB,cAAQ,QAAQ,YAAU,KAAK,UAAU,QAAQ,UAAU,KAAK,CAAC;IACnE,OAAO;AACL,WAAK,UAAU,UAAU,KAAK;IAChC;EACF;EAEQ,UAAU,MAAW,OAAa;AACxC,QAAI,CAAC,KAAK,cAAc,KAAK,gBAAgB,WAAW;AAAG;AAE3D,UAAM,WAAW,OAAO,KAAK;AAC7B,QAAI,CAAC,KAAK,WAAW,cAAc,cAAc,QAAQ,IAAI,GAAG;AAC9D,YAAM,OAAO,SAAS,cAAc,MAAM;AAC1C,WAAK,OAAO;AACZ,WAAK,WAAW,YAAY,IAAI;IAClC;AAEA,UAAM,eAAuB,CAAA;AAC7B,SAAK,gBAAgB,QAAQ,aAAU;AACrC,YAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,UAAI,MAAM,aAAa,KAAK,cAAc;AACvC,cAAsB,aAAa,QAAQ,QAAQ;AACnD,cAAsB,MAAM,UAAU;MACzC,WAAW,MAAM,aAAa,KAAK,WAAW;AAC5C,YAAI,MAAM,aAAa,KAAI,EAAG,WAAW;AAAG;AAC5C,cAAM,OAAO,SAAS,cAAc,MAAM;AAC1C,aAAK,aAAa,QAAQ,QAAQ;AAClC,aAAK,YAAY,KAAK;AACtB,aAAK,YAAY,IAAI;AACrB,aAAK,UAAU,MAAM,MAAM,KAAK;AAChC,qBAAa,KAAK,IAAI;AACtB;MACF;AACA,WAAK,YAAY,KAAK;AACtB,WAAK,UAAU,OAAO,MAAM,KAAK;AACjC,mBAAa,KAAK,KAAK;IACzB,CAAC;AACD,SAAK,UAAU,KAAK,IAAI;EAC1B;EAEQ,YAAS;AACf,QAAI,KAAK,gBAAgB,WAAW,KAAK,CAAC,KAAK;AAAY;AAE3D,UAAM,KAAK,KAAK,QAAQ,EAAE,QAAQ,OAAI;AACpC,YAAM,OAAO,EAAE,aAAa,MAAM;AAClC,UAAI,QAAQ,KAAK,WAAW,MAAM,GAAG;AACnC,UAAE,OAAM;MACV;IACF,CAAC;AAED,UAAM,KAAK,KAAK,WAAW,iBAAiB,MAAM,CAAC,EAAE,QAAQ,OAAI;AAC/D,UAAI,EAAE,OAAO;AAAY,UAAE,OAAM;IACnC,CAAC;AAED,SAAK,YAAY,CAAA;AACjB,SAAK,UAAU,QAAQ,CAAC,MAAM,UAAU,KAAK,UAAU,MAAM,KAAK,CAAC;EACrE;;AArGA,WAAA;EADC,UAAU,WAAW;;;AAUtB,WAAA;EADC,mBAAmB,WAAW;;;;;AAuB/B,WAAA;EADC,UAAU,EAAE,WAAW,KAAI,CAAE;;;;;AAhCnB,mBAAgB,WAAA;EAD5B,cAAc,EAAE,MAAM,sBAAqB,CAAE;;GACjC,gBAAgB;",
   "names": ["SwcForOfChildren"]
 }

package/dist/esm/elements/SwcHTMLElementInterface.js

@@ -0,0 +1 @@
+//# sourceMappingURL=SwcHTMLElementInterface.js.map

package/dist/esm/elements/SwcHTMLElementInterface.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/elements/SwcIf.js

@@ -8,7 +8,7 @@ var __metadata = function(k, v) {
   if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 import { attribute, elementDefine, onAttributeChanged } from "../index.js";
-import { SwcHTMLElementBase } from "./SwcHTMLElementBase.js";
+import { SwcHTMLElementBase } from "./base/SwcHTMLElementBase.js";
 let SwcIf = class SwcIf2 extends SwcHTMLElementBase {
   constructor() {
     super();

package/dist/esm/elements/SwcIf.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/elements/SwcIf.ts"],
-  "sourcesContent": ["import { attribute, elementDefine, onAttributeChanged } from '../index';\nimport { SwcHTMLElementBase } from './SwcHTMLElementBase';\n\n@elementDefine({ name: 'swc-if' })\nexport class SwcIf extends SwcHTMLElementBase {\n  private _placeholder = document.createComment('swc-if-placeholder');\n  private _isShowing = true;\n\n  @attribute('swc-value')\n  _swcValue: any = false;\n\n  constructor() {\n    super();\n  }\n\n  @onAttributeChanged('swc-value')\n  onValueChange() {\n    this.evaluate();\n  }\n\n  set swcValue(val: any) {\n    this._swcValue = val;\n  }\n\n  get swcValue(): any {\n    return this._swcValue;\n  }\n\n  connectedCallback() {\n    this.evaluate();\n  }\n\n  private evaluate() {\n    const attrValue = this.getAttribute('swc-value') || this.getAttribute('value');\n    if (attrValue !== null && attrValue.includes('{{')) return;\n\n    let displayValue = attrValue !== null ? attrValue : this._swcValue;\n    let isTruthy = !!displayValue;\n    if (typeof displayValue === 'string') {\n      if (displayValue === 'false' || displayValue === '0' || displayValue === '') isTruthy = false;\n      else {\n        try {\n          isTruthy = !!new Function(`return ${displayValue}`)();\n        } catch (e) {\n          isTruthy = true;\n        }\n      }\n    }\n\n    if (!isTruthy && this._isShowing) {\n      if (this.parentNode) {\n        this.parentNode.insertBefore(this._placeholder, this);\n        this.remove();\n        this._isShowing = false;\n      }\n    } else if (isTruthy && !this._isShowing) {\n      if (this._placeholder.parentNode) {\n        this._placeholder.parentNode.insertBefore(this, this._placeholder);\n        this._placeholder.remove();\n        this._isShowing = true;\n      }\n    }\n  }\n}\n"],
+  "sourcesContent": ["import { attribute, elementDefine, onAttributeChanged } from '../index';\nimport { SwcHTMLElementBase } from './base/SwcHTMLElementBase';\n\n@elementDefine({ name: 'swc-if' })\nexport class SwcIf extends SwcHTMLElementBase {\n  private _placeholder = document.createComment('swc-if-placeholder');\n  private _isShowing = true;\n\n  @attribute('swc-value')\n  _swcValue: any = false;\n\n  constructor() {\n    super();\n  }\n\n  @onAttributeChanged('swc-value')\n  onValueChange() {\n    this.evaluate();\n  }\n\n  set swcValue(val: any) {\n    this._swcValue = val;\n  }\n\n  get swcValue(): any {\n    return this._swcValue;\n  }\n\n  connectedCallback() {\n    this.evaluate();\n  }\n\n  private evaluate() {\n    const attrValue = this.getAttribute('swc-value') || this.getAttribute('value');\n    if (attrValue !== null && attrValue.includes('{{')) return;\n\n    let displayValue = attrValue !== null ? attrValue : this._swcValue;\n    let isTruthy = !!displayValue;\n    if (typeof displayValue === 'string') {\n      if (displayValue === 'false' || displayValue === '0' || displayValue === '') isTruthy = false;\n      else {\n        try {\n          isTruthy = !!new Function(`return ${displayValue}`)();\n        } catch (e) {\n          isTruthy = true;\n        }\n      }\n    }\n\n    if (!isTruthy && this._isShowing) {\n      if (this.parentNode) {\n        this.parentNode.insertBefore(this._placeholder, this);\n        this.remove();\n        this._isShowing = false;\n      }\n    } else if (isTruthy && !this._isShowing) {\n      if (this._placeholder.parentNode) {\n        this._placeholder.parentNode.insertBefore(this, this._placeholder);\n        this._placeholder.remove();\n        this._isShowing = true;\n      }\n    }\n  }\n}\n"],
   "mappings": ";;;;;;;;;AAAA,SAAS,WAAW,eAAe,0BAA0B;AAC7D,SAAS,0BAA0B;AAG5B,IAAM,QAAN,MAAMA,eAAc,mBAAkB;EAO3C,cAAA;AACE,UAAK;AAPC,SAAA,eAAe,SAAS,cAAc,oBAAoB;AAC1D,SAAA,aAAa;AAGrB,SAAA,YAAiB;EAIjB;EAGA,gBAAa;AACX,SAAK,SAAQ;EACf;EAEA,IAAI,SAAS,KAAQ;AACnB,SAAK,YAAY;EACnB;EAEA,IAAI,WAAQ;AACV,WAAO,KAAK;EACd;EAEA,oBAAiB;AACf,SAAK,SAAQ;EACf;EAEQ,WAAQ;AACd,UAAM,YAAY,KAAK,aAAa,WAAW,KAAK,KAAK,aAAa,OAAO;AAC7E,QAAI,cAAc,QAAQ,UAAU,SAAS,IAAI;AAAG;AAEpD,QAAI,eAAe,cAAc,OAAO,YAAY,KAAK;AACzD,QAAI,WAAW,CAAC,CAAC;AACjB,QAAI,OAAO,iBAAiB,UAAU;AACpC,UAAI,iBAAiB,WAAW,iBAAiB,OAAO,iBAAiB;AAAI,mBAAW;WACnF;AACH,YAAI;AACF,qBAAW,CAAC,CAAC,IAAI,SAAS,UAAU,YAAY,EAAE,EAAC;QACrD,SAAS,GAAG;AACV,qBAAW;QACb;MACF;IACF;AAEA,QAAI,CAAC,YAAY,KAAK,YAAY;AAChC,UAAI,KAAK,YAAY;AACnB,aAAK,WAAW,aAAa,KAAK,cAAc,IAAI;AACpD,aAAK,OAAM;AACX,aAAK,aAAa;MACpB;IACF,WAAW,YAAY,CAAC,KAAK,YAAY;AACvC,UAAI,KAAK,aAAa,YAAY;AAChC,aAAK,aAAa,WAAW,aAAa,MAAM,KAAK,YAAY;AACjE,aAAK,aAAa,OAAM;AACxB,aAAK,aAAa;MACpB;IACF;EACF;;AArDA,WAAA;EADC,UAAU,WAAW;;;AAQtB,WAAA;EADC,mBAAmB,WAAW;;;;;AAXpB,QAAK,WAAA;EADjB,cAAc,EAAE,MAAM,SAAQ,CAAE;;GACpB,KAAK;",
   "names": ["SwcIf"]
 }

package/dist/esm/elements/SwcIfChildren.js

@@ -8,7 +8,7 @@ var __metadata = function(k, v) {
   if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 import { attribute, elementDefine, innerHtml, onAttributeChanged } from "../index.js";
-import { SwcHTMLElementBase } from "./SwcHTMLElementBase.js";
+import { SwcHTMLElementBase } from "./base/SwcHTMLElementBase.js";
 let SwcIfChildren = class SwcIfChildren2 extends SwcHTMLElementBase {
   constructor() {
     super();

package/dist/esm/elements/SwcIfChildren.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/elements/SwcIfChildren.ts"],
-  "sourcesContent": ["import { attribute, elementDefine, innerHtml, onAttributeChanged } from '../index';\nimport { SwcHTMLElementBase } from './SwcHTMLElementBase';\n\n@elementDefine({ name: 'swc-if-children' })\nexport class SwcIfChildren extends SwcHTMLElementBase {\n  @attribute('swc-value')\n  _swcValue: any = false;\n\n  private _observer: MutationObserver | null = null;\n\n  constructor() {\n    super();\n  }\n\n  @onAttributeChanged('swc-value')\n  onValueChange() {\n    if (this._masterTplNodes.length === 0) this.initCore();\n    this.render();\n  }\n\n  set swcValue(val: any) {\n    this._swcValue = val;\n  }\n\n  get swcValue(): any {\n    return this._swcValue;\n  }\n\n  @innerHtml({ useShadow: true })\n  renderTemplate() {\n    return `\n      <style>:host { display: contents; }</style>\n      <slot id=\"tpl-slot\" style=\"display:none;\"></slot>\n    `;\n  }\n\n  connectedCallback() {\n    this.initCore();\n    this._observer = new MutationObserver(() => this.render());\n    this._observer.observe(this, { attributes: true });\n    this.render();\n  }\n\n  disconnectedCallback() {\n    this._observer?.disconnect();\n  }\n\n  private render() {\n    if (!this.shadowRoot) return;\n\n    const attrValue = this.getAttribute('swc-value') || this.getAttribute('value');\n    if (attrValue !== null && attrValue.includes('{{')) return;\n\n    let displayValue = attrValue !== null ? attrValue : this._swcValue;\n    let isTruthy = !!displayValue;\n    if (typeof displayValue === 'string') {\n      if (displayValue === 'false' || displayValue === '0' || displayValue === '') isTruthy = false;\n      else {\n        try {\n          isTruthy = !!new Function(`return ${displayValue}`)();\n        } catch (e) {\n          isTruthy = true;\n        }\n      }\n    }\n\n    Array.from(this.children).forEach(c => {\n      if (c.getAttribute('slot') === 'if-content') {\n        c.remove();\n      }\n    });\n\n    const existingSlot = this.shadowRoot.querySelector('slot[name=\"if-content\"]');\n    if (existingSlot) existingSlot.remove();\n\n    if (isTruthy && this._masterTplNodes.length > 0) {\n      const contentSlot = document.createElement('slot');\n      contentSlot.name = 'if-content';\n      this.shadowRoot.appendChild(contentSlot);\n\n      this._masterTplNodes.forEach(tplNode => {\n        const clone = tplNode.cloneNode(true);\n        if (clone.nodeType === Node.ELEMENT_NODE) {\n          (clone as HTMLElement).setAttribute('slot', 'if-content');\n        } else if (clone.nodeType === Node.TEXT_NODE) {\n          if (clone.textContent?.trim().length === 0) return;\n          const span = document.createElement('span');\n          span.setAttribute('slot', 'if-content');\n          span.appendChild(clone);\n          this.appendChild(span);\n          return;\n        }\n        this.appendChild(clone);\n      });\n    }\n  }\n}\n"],
+  "sourcesContent": ["import { attribute, elementDefine, innerHtml, onAttributeChanged } from '../index';\nimport { SwcHTMLElementBase } from './base/SwcHTMLElementBase';\n\n@elementDefine({ name: 'swc-if-children' })\nexport class SwcIfChildren extends SwcHTMLElementBase {\n  @attribute('swc-value')\n  _swcValue: any = false;\n\n  private _observer: MutationObserver | null = null;\n\n  constructor() {\n    super();\n  }\n\n  @onAttributeChanged('swc-value')\n  onValueChange() {\n    if (this._masterTplNodes.length === 0) this.initCore();\n    this.render();\n  }\n\n  set swcValue(val: any) {\n    this._swcValue = val;\n  }\n\n  get swcValue(): any {\n    return this._swcValue;\n  }\n\n  @innerHtml({ useShadow: true })\n  renderTemplate() {\n    return `\n      <style>:host { display: contents; }</style>\n      <slot id=\"tpl-slot\" style=\"display:none;\"></slot>\n    `;\n  }\n\n  connectedCallback() {\n    this.initCore();\n    this._observer = new MutationObserver(() => this.render());\n    this._observer.observe(this, { attributes: true });\n    this.render();\n  }\n\n  disconnectedCallback() {\n    this._observer?.disconnect();\n  }\n\n  private render() {\n    if (!this.shadowRoot) return;\n\n    const attrValue = this.getAttribute('swc-value') || this.getAttribute('value');\n    if (attrValue !== null && attrValue.includes('{{')) return;\n\n    let displayValue = attrValue !== null ? attrValue : this._swcValue;\n    let isTruthy = !!displayValue;\n    if (typeof displayValue === 'string') {\n      if (displayValue === 'false' || displayValue === '0' || displayValue === '') isTruthy = false;\n      else {\n        try {\n          isTruthy = !!new Function(`return ${displayValue}`)();\n        } catch (e) {\n          isTruthy = true;\n        }\n      }\n    }\n\n    Array.from(this.children).forEach(c => {\n      if (c.getAttribute('slot') === 'if-content') {\n        c.remove();\n      }\n    });\n\n    const existingSlot = this.shadowRoot.querySelector('slot[name=\"if-content\"]');\n    if (existingSlot) existingSlot.remove();\n\n    if (isTruthy && this._masterTplNodes.length > 0) {\n      const contentSlot = document.createElement('slot');\n      contentSlot.name = 'if-content';\n      this.shadowRoot.appendChild(contentSlot);\n\n      this._masterTplNodes.forEach(tplNode => {\n        const clone = tplNode.cloneNode(true);\n        if (clone.nodeType === Node.ELEMENT_NODE) {\n          (clone as HTMLElement).setAttribute('slot', 'if-content');\n        } else if (clone.nodeType === Node.TEXT_NODE) {\n          if (clone.textContent?.trim().length === 0) return;\n          const span = document.createElement('span');\n          span.setAttribute('slot', 'if-content');\n          span.appendChild(clone);\n          this.appendChild(span);\n          return;\n        }\n        this.appendChild(clone);\n      });\n    }\n  }\n}\n"],
   "mappings": ";;;;;;;;;AAAA,SAAS,WAAW,eAAe,WAAW,0BAA0B;AACxE,SAAS,0BAA0B;AAG5B,IAAM,gBAAN,MAAMA,uBAAsB,mBAAkB;EAMnD,cAAA;AACE,UAAK;AALP,SAAA,YAAiB;AAET,SAAA,YAAqC;EAI7C;EAGA,gBAAa;AACX,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AACpD,SAAK,OAAM;EACb;EAEA,IAAI,SAAS,KAAQ;AACnB,SAAK,YAAY;EACnB;EAEA,IAAI,WAAQ;AACV,WAAO,KAAK;EACd;EAGA,iBAAc;AACZ,WAAO;;;;EAIT;EAEA,oBAAiB;AACf,SAAK,SAAQ;AACb,SAAK,YAAY,IAAI,iBAAiB,MAAM,KAAK,OAAM,CAAE;AACzD,SAAK,UAAU,QAAQ,MAAM,EAAE,YAAY,KAAI,CAAE;AACjD,SAAK,OAAM;EACb;EAEA,uBAAoB;AAClB,SAAK,WAAW,WAAU;EAC5B;EAEQ,SAAM;AACZ,QAAI,CAAC,KAAK;AAAY;AAEtB,UAAM,YAAY,KAAK,aAAa,WAAW,KAAK,KAAK,aAAa,OAAO;AAC7E,QAAI,cAAc,QAAQ,UAAU,SAAS,IAAI;AAAG;AAEpD,QAAI,eAAe,cAAc,OAAO,YAAY,KAAK;AACzD,QAAI,WAAW,CAAC,CAAC;AACjB,QAAI,OAAO,iBAAiB,UAAU;AACpC,UAAI,iBAAiB,WAAW,iBAAiB,OAAO,iBAAiB;AAAI,mBAAW;WACnF;AACH,YAAI;AACF,qBAAW,CAAC,CAAC,IAAI,SAAS,UAAU,YAAY,EAAE,EAAC;QACrD,SAAS,GAAG;AACV,qBAAW;QACb;MACF;IACF;AAEA,UAAM,KAAK,KAAK,QAAQ,EAAE,QAAQ,OAAI;AACpC,UAAI,EAAE,aAAa,MAAM,MAAM,cAAc;AAC3C,UAAE,OAAM;MACV;IACF,CAAC;AAED,UAAM,eAAe,KAAK,WAAW,cAAc,yBAAyB;AAC5E,QAAI;AAAc,mBAAa,OAAM;AAErC,QAAI,YAAY,KAAK,gBAAgB,SAAS,GAAG;AAC/C,YAAM,cAAc,SAAS,cAAc,MAAM;AACjD,kBAAY,OAAO;AACnB,WAAK,WAAW,YAAY,WAAW;AAEvC,WAAK,gBAAgB,QAAQ,aAAU;AACrC,cAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,YAAI,MAAM,aAAa,KAAK,cAAc;AACvC,gBAAsB,aAAa,QAAQ,YAAY;QAC1D,WAAW,MAAM,aAAa,KAAK,WAAW;AAC5C,cAAI,MAAM,aAAa,KAAI,EAAG,WAAW;AAAG;AAC5C,gBAAM,OAAO,SAAS,cAAc,MAAM;AAC1C,eAAK,aAAa,QAAQ,YAAY;AACtC,eAAK,YAAY,KAAK;AACtB,eAAK,YAAY,IAAI;AACrB;QACF;AACA,aAAK,YAAY,KAAK;MACxB,CAAC;IACH;EACF;;AAzFA,WAAA;EADC,UAAU,WAAW;;;AAUtB,WAAA;EADC,mBAAmB,WAAW;;;;;AAe/B,WAAA;EADC,UAAU,EAAE,WAAW,KAAI,CAAE;;;;;AAxBnB,gBAAa,WAAA;EADzB,cAAc,EAAE,MAAM,kBAAiB,CAAE;;GAC7B,aAAa;",
   "names": ["SwcIfChildren"]
 }

package/dist/esm/elements/SwcObject.js

@@ -8,7 +8,7 @@ var __metadata = function(k, v) {
   if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 import { attribute, elementDefine, innerHtml, onAttributeChanged } from "../index.js";
-import { SwcHTMLElementBase } from "./SwcHTMLElementBase.js";
+import { SwcHTMLElementBase } from "./base/SwcHTMLElementBase.js";
 let SwcObject = class SwcObject2 extends SwcHTMLElementBase {
   constructor() {
     super();

package/dist/esm/elements/SwcObject.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/elements/SwcObject.ts"],
-  "sourcesContent": ["import { attribute, elementDefine, innerHtml, onAttributeChanged } from '../index';\nimport { SwcHTMLElementBase } from './SwcHTMLElementBase';\n\n@elementDefine({ name: 'swc-object' })\nexport class SwcObject extends SwcHTMLElementBase {\n  @attribute('swc-value')\n  _swcValue: any = {};\n\n  private _renderedNodes: Node[] = [];\n\n  constructor() {\n    super();\n  }\n\n  @onAttributeChanged('swc-value')\n  onValueChange() {\n    if (typeof this._swcValue !== 'object' || this._swcValue === null) this._swcValue = {};\n    this._swcValue = this.createReactiveProxy(this._swcValue, () => {\n      this.updateUI();\n    });\n    if (this._masterTplNodes.length === 0) this.initCore();\n    this.render();\n  }\n\n  set swcValue(val: any) {\n    this._swcValue = val;\n  }\n\n  get swcValue(): any {\n    return this._swcValue;\n  }\n\n  @innerHtml({ useShadow: true })\n  renderTemplate() {\n    return `\n      <style>:host { display: contents; }</style>\n      <slot id=\"tpl-slot\" style=\"display:none;\"></slot>\n    `;\n  }\n\n  connectedCallback() {\n    this.initCore();\n    this.render();\n  }\n\n  private updateUI() {\n    this._renderedNodes.forEach(node => {\n      this.applyData(node, this._swcValue);\n    });\n  }\n\n  private render() {\n    this.innerHTML = '';\n    this._renderedNodes = [];\n    if (!this.shadowRoot || this._masterTplNodes.length === 0) return;\n\n    let slot = this.shadowRoot.querySelector('slot[name=\"obj-content\"]');\n    if (!slot) {\n      slot = document.createElement('slot');\n      (slot as HTMLSlotElement).name = 'obj-content';\n      this.shadowRoot.appendChild(slot);\n    }\n\n    this._masterTplNodes.forEach(tplNode => {\n      const clone = tplNode.cloneNode(true);\n      if (clone.nodeType === Node.ELEMENT_NODE) {\n        (clone as HTMLElement).setAttribute('slot', 'obj-content');\n      } else if (clone.nodeType === Node.TEXT_NODE) {\n        if (clone.textContent?.trim().length === 0) return;\n        const span = document.createElement('span');\n        span.setAttribute('slot', 'obj-content');\n        span.appendChild(clone);\n        this.appendChild(span);\n        this._renderedNodes.push(span);\n        this.applyData(span, this._swcValue);\n        return;\n      }\n      this.appendChild(clone);\n      this._renderedNodes.push(clone);\n      this.applyData(clone, this._swcValue);\n    });\n  }\n}\n"],
+  "sourcesContent": ["import { attribute, elementDefine, innerHtml, onAttributeChanged } from '../index';\nimport { SwcHTMLElementBase } from './base/SwcHTMLElementBase';\n\n@elementDefine({ name: 'swc-object' })\nexport class SwcObject extends SwcHTMLElementBase {\n  @attribute('swc-value')\n  _swcValue: any = {};\n\n  private _renderedNodes: Node[] = [];\n\n  constructor() {\n    super();\n  }\n\n  @onAttributeChanged('swc-value')\n  onValueChange() {\n    if (typeof this._swcValue !== 'object' || this._swcValue === null) this._swcValue = {};\n    this._swcValue = this.createReactiveProxy(this._swcValue, () => {\n      this.updateUI();\n    });\n    if (this._masterTplNodes.length === 0) this.initCore();\n    this.render();\n  }\n\n  set swcValue(val: any) {\n    this._swcValue = val;\n  }\n\n  get swcValue(): any {\n    return this._swcValue;\n  }\n\n  @innerHtml({ useShadow: true })\n  renderTemplate() {\n    return `\n      <style>:host { display: contents; }</style>\n      <slot id=\"tpl-slot\" style=\"display:none;\"></slot>\n    `;\n  }\n\n  connectedCallback() {\n    this.initCore();\n    this.render();\n  }\n\n  private updateUI() {\n    this._renderedNodes.forEach(node => {\n      this.applyData(node, this._swcValue);\n    });\n  }\n\n  private render() {\n    this.innerHTML = '';\n    this._renderedNodes = [];\n    if (!this.shadowRoot || this._masterTplNodes.length === 0) return;\n\n    let slot = this.shadowRoot.querySelector('slot[name=\"obj-content\"]');\n    if (!slot) {\n      slot = document.createElement('slot');\n      (slot as HTMLSlotElement).name = 'obj-content';\n      this.shadowRoot.appendChild(slot);\n    }\n\n    this._masterTplNodes.forEach(tplNode => {\n      const clone = tplNode.cloneNode(true);\n      if (clone.nodeType === Node.ELEMENT_NODE) {\n        (clone as HTMLElement).setAttribute('slot', 'obj-content');\n      } else if (clone.nodeType === Node.TEXT_NODE) {\n        if (clone.textContent?.trim().length === 0) return;\n        const span = document.createElement('span');\n        span.setAttribute('slot', 'obj-content');\n        span.appendChild(clone);\n        this.appendChild(span);\n        this._renderedNodes.push(span);\n        this.applyData(span, this._swcValue);\n        return;\n      }\n      this.appendChild(clone);\n      this._renderedNodes.push(clone);\n      this.applyData(clone, this._swcValue);\n    });\n  }\n}\n"],
   "mappings": ";;;;;;;;;AAAA,SAAS,WAAW,eAAe,WAAW,0BAA0B;AACxE,SAAS,0BAA0B;AAG5B,IAAM,YAAN,MAAMA,mBAAkB,mBAAkB;EAM/C,cAAA;AACE,UAAK;AALP,SAAA,YAAiB,CAAA;AAET,SAAA,iBAAyB,CAAA;EAIjC;EAGA,gBAAa;AACX,QAAI,OAAO,KAAK,cAAc,YAAY,KAAK,cAAc;AAAM,WAAK,YAAY,CAAA;AACpF,SAAK,YAAY,KAAK,oBAAoB,KAAK,WAAW,MAAK;AAC7D,WAAK,SAAQ;IACf,CAAC;AACD,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AACpD,SAAK,OAAM;EACb;EAEA,IAAI,SAAS,KAAQ;AACnB,SAAK,YAAY;EACnB;EAEA,IAAI,WAAQ;AACV,WAAO,KAAK;EACd;EAGA,iBAAc;AACZ,WAAO;;;;EAIT;EAEA,oBAAiB;AACf,SAAK,SAAQ;AACb,SAAK,OAAM;EACb;EAEQ,WAAQ;AACd,SAAK,eAAe,QAAQ,UAAO;AACjC,WAAK,UAAU,MAAM,KAAK,SAAS;IACrC,CAAC;EACH;EAEQ,SAAM;AACZ,SAAK,YAAY;AACjB,SAAK,iBAAiB,CAAA;AACtB,QAAI,CAAC,KAAK,cAAc,KAAK,gBAAgB,WAAW;AAAG;AAE3D,QAAI,OAAO,KAAK,WAAW,cAAc,0BAA0B;AACnE,QAAI,CAAC,MAAM;AACT,aAAO,SAAS,cAAc,MAAM;AACnC,WAAyB,OAAO;AACjC,WAAK,WAAW,YAAY,IAAI;IAClC;AAEA,SAAK,gBAAgB,QAAQ,aAAU;AACrC,YAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,UAAI,MAAM,aAAa,KAAK,cAAc;AACvC,cAAsB,aAAa,QAAQ,aAAa;MAC3D,WAAW,MAAM,aAAa,KAAK,WAAW;AAC5C,YAAI,MAAM,aAAa,KAAI,EAAG,WAAW;AAAG;AAC5C,cAAM,OAAO,SAAS,cAAc,MAAM;AAC1C,aAAK,aAAa,QAAQ,aAAa;AACvC,aAAK,YAAY,KAAK;AACtB,aAAK,YAAY,IAAI;AACrB,aAAK,eAAe,KAAK,IAAI;AAC7B,aAAK,UAAU,MAAM,KAAK,SAAS;AACnC;MACF;AACA,WAAK,YAAY,KAAK;AACtB,WAAK,eAAe,KAAK,KAAK;AAC9B,WAAK,UAAU,OAAO,KAAK,SAAS;IACtC,CAAC;EACH;;AA3EA,WAAA;EADC,UAAU,WAAW;;;AAUtB,WAAA;EADC,mBAAmB,WAAW;;;;;AAmB/B,WAAA;EADC,UAAU,EAAE,WAAW,KAAI,CAAE;;;;;AA5BnB,YAAS,WAAA;EADrB,cAAc,EAAE,MAAM,aAAY,CAAE;;GACxB,SAAS;",
   "names": ["SwcObject"]
 }

package/dist/esm/elements/base/SwcHTMLAnchorElementBase.js

@@ -0,0 +1,63 @@
+import { SwcUtils } from "../../utils/Utils.js";
+class SwcHTMLAnchorElementBase extends HTMLAnchorElement {
+  constructor() {
+    super();
+    this._masterTplNodes = [];
+    this._asKey = "value";
+    this._asIndexKey = "index";
+  }
+  getNearAppHost() {
+    const hosts = this.getHosts();
+    return hosts.reverse().find((host) => host.tagName.toLowerCase() === "swc-app" || host.getAttribute("is")?.startsWith("swc-app-"));
+  }
+  getHosts() {
+    return SwcUtils.findAllSwcHosts(this);
+  }
+  getHost() {
+    const hosts = this.getHosts();
+    return hosts.length > 0 ? hosts[hosts.length - 1] : void 0;
+  }
+  getFirstHost() {
+    const hosts = this.getHosts();
+    return hosts.length > 0 ? hosts[0] : void 0;
+  }
+  getLastHost() {
+    return this.getHost();
+  }
+  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");
+    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));
+    }
+  }
+  applyData(node, data, index) {
+    const hostContext = {};
+    let curr = this.parentElement || this.getRootNode?.()?.host;
+    const hostChain = [];
+    while (curr) {
+      if (typeof curr._getHostContext === "function") hostChain.unshift(curr);
+      curr = curr.parentElement || curr.getRootNode?.()?.host;
+    }
+    for (const h of hostChain) {
+      Object.assign(hostContext, h._getHostContext());
+    }
+    SwcUtils.applyData(node, data, {
+      asKey: this._asKey,
+      asIndexKey: this._asIndexKey,
+      index,
+      hostContext
+    });
+  }
+  createReactiveProxy(target, onChange, onIndexChange) {
+    return SwcUtils.createReactiveProxy(target, onChange, onIndexChange);
+  }
+}
+export {
+  SwcHTMLAnchorElementBase
+};
+//# sourceMappingURL=SwcHTMLAnchorElementBase.js.map

package/dist/esm/elements/base/SwcHTMLAnchorElementBase.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/elements/base/SwcHTMLAnchorElementBase.ts"],
+  "sourcesContent": ["import { SwcUtils } from '../../utils/Utils';\nimport { SwcAppInterface } from '../SwcAppInterface';\nimport { SwcHTMLElementInterface } from '../SwcHTMLElementInterface';\n\nexport abstract class SwcHTMLAnchorElementBase extends HTMLAnchorElement implements SwcHTMLElementInterface {\n  protected _masterTplNodes: Node[] = [];\n  protected _asKey: string = 'value';\n  protected _asIndexKey: string = 'index';\n\n  constructor() {\n    super();\n  }\n\n  public getNearAppHost(): SwcAppInterface | undefined {\n    const hosts = this.getHosts();\n    // [Root, ..., Parent] \uC21C\uC11C\uC774\uBBC0\uB85C reverse() \uD6C4 find \uD558\uC5EC \uCD5C\uCE21\uADFC\uC744 \uCC3E\uC2B5\uB2C8\uB2E4.\n    return hosts.reverse().find(host => host.tagName.toLowerCase() === 'swc-app' || host.getAttribute('is')?.startsWith('swc-app-')) as SwcAppInterface | undefined;\n  }\n\n  public getHosts(): SwcHTMLElementInterface[] {\n    return SwcUtils.findAllSwcHosts(this as any);\n  }\n\n  public getHost(): SwcHTMLElementInterface | undefined {\n    const hosts = this.getHosts();\n    return hosts.length > 0 ? hosts[hosts.length - 1] : undefined;\n  }\n\n  public getFirstHost(): SwcHTMLElementInterface | undefined {\n    const hosts = this.getHosts();\n    return hosts.length > 0 ? hosts[0] : undefined;\n  }\n\n  public getLastHost(): SwcHTMLElementInterface | undefined {\n    return this.getHost();\n  }\n\n  protected initCore() {\n    this._asKey = this.getAttribute('as') || 'value';\n    this._asIndexKey = this.getAttribute('as-index') || 'index';\n\n    if (this._masterTplNodes.length > 0) return; // \uC774\uBBF8 \uCD08\uAE30\uD654\uB428\n\n    const tplSlot = this.shadowRoot?.getElementById('tpl-slot') as HTMLSlotElement;\n    if (tplSlot) {\n      this._masterTplNodes = tplSlot.assignedNodes().map(n => n.cloneNode(true));\n    } else if (this.childNodes.length > 0) {\n      // Light DOM\uC5D0\uC11C \uD15C\uD50C\uB9BF \uCD94\uCD9C\n      this._masterTplNodes = Array.from(this.childNodes).map(n => n.cloneNode(true));\n    }\n  }\n\n  protected applyData(node: Node, data: any, index?: number) {\n    // \uD638\uC2A4\uD2B8 \uCCB4\uC778\uC5D0\uC11C name\u2192value \uCEE8\uD14D\uC2A4\uD2B8 \uC218\uC9D1\n    const hostContext: Record<string, any> = {};\n    let curr: any = (this as any).parentElement || ((this as any).getRootNode?.() as any)?.host;\n    const hostChain: any[] = [];\n    while (curr) {\n      if (typeof curr._getHostContext === 'function') hostChain.unshift(curr);\n      curr = curr.parentElement || (curr.getRootNode?.() as any)?.host;\n    }\n    for (const h of hostChain) {\n      Object.assign(hostContext, h._getHostContext());\n    }\n\n    SwcUtils.applyData(node, data, {\n      asKey: this._asKey,\n      asIndexKey: this._asIndexKey,\n      index,\n      hostContext\n    });\n  }\n\n  protected createReactiveProxy(target: any, onChange: () => void, onIndexChange?: (index: number, val: any) => void) {\n    return SwcUtils.createReactiveProxy(target, onChange, onIndexChange);\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,gBAAgB;AAIlB,MAAe,iCAAiC,kBAAqD;AAAA,EAK1G,cAAc;AACZ,UAAM;AALR,SAAU,kBAA0B,CAAC;AACrC,SAAU,SAAiB;AAC3B,SAAU,cAAsB;AAAA,EAIhC;AAAA,EAEO,iBAA8C;AACnD,UAAM,QAAQ,KAAK,SAAS;AAE5B,WAAO,MAAM,QAAQ,EAAE,KAAK,UAAQ,KAAK,QAAQ,YAAY,MAAM,aAAa,KAAK,aAAa,IAAI,GAAG,WAAW,UAAU,CAAC;AAAA,EACjI;AAAA,EAEO,WAAsC;AAC3C,WAAO,SAAS,gBAAgB,IAAW;AAAA,EAC7C;AAAA,EAEO,UAA+C;AACpD,UAAM,QAAQ,KAAK,SAAS;AAC5B,WAAO,MAAM,SAAS,IAAI,MAAM,MAAM,SAAS,CAAC,IAAI;AAAA,EACtD;AAAA,EAEO,eAAoD;AACzD,UAAM,QAAQ,KAAK,SAAS;AAC5B,WAAO,MAAM,SAAS,IAAI,MAAM,CAAC,IAAI;AAAA,EACvC;AAAA,EAEO,cAAmD;AACxD,WAAO,KAAK,QAAQ;AAAA,EACtB;AAAA,EAEU,WAAW;AACnB,SAAK,SAAS,KAAK,aAAa,IAAI,KAAK;AACzC,SAAK,cAAc,KAAK,aAAa,UAAU,KAAK;AAEpD,QAAI,KAAK,gBAAgB,SAAS,EAAG;AAErC,UAAM,UAAU,KAAK,YAAY,eAAe,UAAU;AAC1D,QAAI,SAAS;AACX,WAAK,kBAAkB,QAAQ,cAAc,EAAE,IAAI,OAAK,EAAE,UAAU,IAAI,CAAC;AAAA,IAC3E,WAAW,KAAK,WAAW,SAAS,GAAG;AAErC,WAAK,kBAAkB,MAAM,KAAK,KAAK,UAAU,EAAE,IAAI,OAAK,EAAE,UAAU,IAAI,CAAC;AAAA,IAC/E;AAAA,EACF;AAAA,EAEU,UAAU,MAAY,MAAW,OAAgB;AAEzD,UAAM,cAAmC,CAAC;AAC1C,QAAI,OAAa,KAAa,iBAAmB,KAAa,cAAc,GAAW;AACvF,UAAM,YAAmB,CAAC;AAC1B,WAAO,MAAM;AACX,UAAI,OAAO,KAAK,oBAAoB,WAAY,WAAU,QAAQ,IAAI;AACtE,aAAO,KAAK,iBAAkB,KAAK,cAAc,GAAW;AAAA,IAC9D;AACA,eAAW,KAAK,WAAW;AACzB,aAAO,OAAO,aAAa,EAAE,gBAAgB,CAAC;AAAA,IAChD;AAEA,aAAS,UAAU,MAAM,MAAM;AAAA,MAC7B,OAAO,KAAK;AAAA,MACZ,YAAY,KAAK;AAAA,MACjB;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEU,oBAAoB,QAAa,UAAsB,eAAmD;AAClH,WAAO,SAAS,oBAAoB,QAAQ,UAAU,aAAa;AAAA,EACrE;AACF;",
+  "names": []
+}

package/dist/esm/elements/base/SwcHTMLAreaElementBase.js

@@ -0,0 +1,63 @@
+import { SwcUtils } from "../../utils/Utils.js";
+class SwcHTMLAreaElementBase extends HTMLAreaElement {
+  constructor() {
+    super();
+    this._masterTplNodes = [];
+    this._asKey = "value";
+    this._asIndexKey = "index";
+  }
+  getNearAppHost() {
+    const hosts = this.getHosts();
+    return hosts.reverse().find((host) => host.tagName.toLowerCase() === "swc-app" || host.getAttribute("is")?.startsWith("swc-app-"));
+  }
+  getHosts() {
+    return SwcUtils.findAllSwcHosts(this);
+  }
+  getHost() {
+    const hosts = this.getHosts();
+    return hosts.length > 0 ? hosts[hosts.length - 1] : void 0;
+  }
+  getFirstHost() {
+    const hosts = this.getHosts();
+    return hosts.length > 0 ? hosts[0] : void 0;
+  }
+  getLastHost() {
+    return this.getHost();
+  }
+  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");
+    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));
+    }
+  }
+  applyData(node, data, index) {
+    const hostContext = {};
+    let curr = this.parentElement || this.getRootNode?.()?.host;
+    const hostChain = [];
+    while (curr) {
+      if (typeof curr._getHostContext === "function") hostChain.unshift(curr);
+      curr = curr.parentElement || curr.getRootNode?.()?.host;
+    }
+    for (const h of hostChain) {
+      Object.assign(hostContext, h._getHostContext());
+    }
+    SwcUtils.applyData(node, data, {
+      asKey: this._asKey,
+      asIndexKey: this._asIndexKey,
+      index,
+      hostContext
+    });
+  }
+  createReactiveProxy(target, onChange, onIndexChange) {
+    return SwcUtils.createReactiveProxy(target, onChange, onIndexChange);
+  }
+}
+export {
+  SwcHTMLAreaElementBase
+};
+//# sourceMappingURL=SwcHTMLAreaElementBase.js.map

package/dist/esm/elements/base/SwcHTMLAreaElementBase.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/elements/base/SwcHTMLAreaElementBase.ts"],
+  "sourcesContent": ["import { SwcUtils } from '../../utils/Utils';\nimport { SwcAppInterface } from '../SwcAppInterface';\nimport { SwcHTMLElementInterface } from '../SwcHTMLElementInterface';\n\nexport abstract class SwcHTMLAreaElementBase extends HTMLAreaElement implements SwcHTMLElementInterface {\n  protected _masterTplNodes: Node[] = [];\n  protected _asKey: string = 'value';\n  protected _asIndexKey: string = 'index';\n\n  constructor() {\n    super();\n  }\n\n  public getNearAppHost(): SwcAppInterface | undefined {\n    const hosts = this.getHosts();\n    // [Root, ..., Parent] \uC21C\uC11C\uC774\uBBC0\uB85C reverse() \uD6C4 find \uD558\uC5EC \uCD5C\uCE21\uADFC\uC744 \uCC3E\uC2B5\uB2C8\uB2E4.\n    return hosts.reverse().find(host => host.tagName.toLowerCase() === 'swc-app' || host.getAttribute('is')?.startsWith('swc-app-')) as SwcAppInterface | undefined;\n  }\n\n  public getHosts(): SwcHTMLElementInterface[] {\n    return SwcUtils.findAllSwcHosts(this as any);\n  }\n\n  public getHost(): SwcHTMLElementInterface | undefined {\n    const hosts = this.getHosts();\n    return hosts.length > 0 ? hosts[hosts.length - 1] : undefined;\n  }\n\n  public getFirstHost(): SwcHTMLElementInterface | undefined {\n    const hosts = this.getHosts();\n    return hosts.length > 0 ? hosts[0] : undefined;\n  }\n\n  public getLastHost(): SwcHTMLElementInterface | undefined {\n    return this.getHost();\n  }\n\n  protected initCore() {\n    this._asKey = this.getAttribute('as') || 'value';\n    this._asIndexKey = this.getAttribute('as-index') || 'index';\n\n    if (this._masterTplNodes.length > 0) return; // \uC774\uBBF8 \uCD08\uAE30\uD654\uB428\n\n    const tplSlot = this.shadowRoot?.getElementById('tpl-slot') as HTMLSlotElement;\n    if (tplSlot) {\n      this._masterTplNodes = tplSlot.assignedNodes().map(n => n.cloneNode(true));\n    } else if (this.childNodes.length > 0) {\n      // Light DOM\uC5D0\uC11C \uD15C\uD50C\uB9BF \uCD94\uCD9C\n      this._masterTplNodes = Array.from(this.childNodes).map(n => n.cloneNode(true));\n    }\n  }\n\n  protected applyData(node: Node, data: any, index?: number) {\n    // \uD638\uC2A4\uD2B8 \uCCB4\uC778\uC5D0\uC11C name\u2192value \uCEE8\uD14D\uC2A4\uD2B8 \uC218\uC9D1\n    const hostContext: Record<string, any> = {};\n    let curr: any = (this as any).parentElement || ((this as any).getRootNode?.() as any)?.host;\n    const hostChain: any[] = [];\n    while (curr) {\n      if (typeof curr._getHostContext === 'function') hostChain.unshift(curr);\n      curr = curr.parentElement || (curr.getRootNode?.() as any)?.host;\n    }\n    for (const h of hostChain) {\n      Object.assign(hostContext, h._getHostContext());\n    }\n\n    SwcUtils.applyData(node, data, {\n      asKey: this._asKey,\n      asIndexKey: this._asIndexKey,\n      index,\n      hostContext\n    });\n  }\n\n  protected createReactiveProxy(target: any, onChange: () => void, onIndexChange?: (index: number, val: any) => void) {\n    return SwcUtils.createReactiveProxy(target, onChange, onIndexChange);\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,gBAAgB;AAIlB,MAAe,+BAA+B,gBAAmD;AAAA,EAKtG,cAAc;AACZ,UAAM;AALR,SAAU,kBAA0B,CAAC;AACrC,SAAU,SAAiB;AAC3B,SAAU,cAAsB;AAAA,EAIhC;AAAA,EAEO,iBAA8C;AACnD,UAAM,QAAQ,KAAK,SAAS;AAE5B,WAAO,MAAM,QAAQ,EAAE,KAAK,UAAQ,KAAK,QAAQ,YAAY,MAAM,aAAa,KAAK,aAAa,IAAI,GAAG,WAAW,UAAU,CAAC;AAAA,EACjI;AAAA,EAEO,WAAsC;AAC3C,WAAO,SAAS,gBAAgB,IAAW;AAAA,EAC7C;AAAA,EAEO,UAA+C;AACpD,UAAM,QAAQ,KAAK,SAAS;AAC5B,WAAO,MAAM,SAAS,IAAI,MAAM,MAAM,SAAS,CAAC,IAAI;AAAA,EACtD;AAAA,EAEO,eAAoD;AACzD,UAAM,QAAQ,KAAK,SAAS;AAC5B,WAAO,MAAM,SAAS,IAAI,MAAM,CAAC,IAAI;AAAA,EACvC;AAAA,EAEO,cAAmD;AACxD,WAAO,KAAK,QAAQ;AAAA,EACtB;AAAA,EAEU,WAAW;AACnB,SAAK,SAAS,KAAK,aAAa,IAAI,KAAK;AACzC,SAAK,cAAc,KAAK,aAAa,UAAU,KAAK;AAEpD,QAAI,KAAK,gBAAgB,SAAS,EAAG;AAErC,UAAM,UAAU,KAAK,YAAY,eAAe,UAAU;AAC1D,QAAI,SAAS;AACX,WAAK,kBAAkB,QAAQ,cAAc,EAAE,IAAI,OAAK,EAAE,UAAU,IAAI,CAAC;AAAA,IAC3E,WAAW,KAAK,WAAW,SAAS,GAAG;AAErC,WAAK,kBAAkB,MAAM,KAAK,KAAK,UAAU,EAAE,IAAI,OAAK,EAAE,UAAU,IAAI,CAAC;AAAA,IAC/E;AAAA,EACF;AAAA,EAEU,UAAU,MAAY,MAAW,OAAgB;AAEzD,UAAM,cAAmC,CAAC;AAC1C,QAAI,OAAa,KAAa,iBAAmB,KAAa,cAAc,GAAW;AACvF,UAAM,YAAmB,CAAC;AAC1B,WAAO,MAAM;AACX,UAAI,OAAO,KAAK,oBAAoB,WAAY,WAAU,QAAQ,IAAI;AACtE,aAAO,KAAK,iBAAkB,KAAK,cAAc,GAAW;AAAA,IAC9D;AACA,eAAW,KAAK,WAAW;AACzB,aAAO,OAAO,aAAa,EAAE,gBAAgB,CAAC;AAAA,IAChD;AAEA,aAAS,UAAU,MAAM,MAAM;AAAA,MAC7B,OAAO,KAAK;AAAA,MACZ,YAAY,KAAK;AAAA,MACjB;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEU,oBAAoB,QAAa,UAAsB,eAAmD;AAClH,WAAO,SAAS,oBAAoB,QAAQ,UAAU,aAAa;AAAA,EACrE;AACF;",
+  "names": []
+}

package/dist/esm/elements/base/SwcHTMLAudioElementBase.js

@@ -0,0 +1,63 @@
+import { SwcUtils } from "../../utils/Utils.js";
+class SwcHTMLAudioElementBase extends HTMLAudioElement {
+  constructor() {
+    super();
+    this._masterTplNodes = [];
+    this._asKey = "value";
+    this._asIndexKey = "index";
+  }
+  getNearAppHost() {
+    const hosts = this.getHosts();
+    return hosts.reverse().find((host) => host.tagName.toLowerCase() === "swc-app" || host.getAttribute("is")?.startsWith("swc-app-"));
+  }
+  getHosts() {
+    return SwcUtils.findAllSwcHosts(this);
+  }
+  getHost() {
+    const hosts = this.getHosts();
+    return hosts.length > 0 ? hosts[hosts.length - 1] : void 0;
+  }
+  getFirstHost() {
+    const hosts = this.getHosts();
+    return hosts.length > 0 ? hosts[0] : void 0;
+  }
+  getLastHost() {
+    return this.getHost();
+  }
+  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");
+    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));
+    }
+  }
+  applyData(node, data, index) {
+    const hostContext = {};
+    let curr = this.parentElement || this.getRootNode?.()?.host;
+    const hostChain = [];
+    while (curr) {
+      if (typeof curr._getHostContext === "function") hostChain.unshift(curr);
+      curr = curr.parentElement || curr.getRootNode?.()?.host;
+    }
+    for (const h of hostChain) {
+      Object.assign(hostContext, h._getHostContext());
+    }
+    SwcUtils.applyData(node, data, {
+      asKey: this._asKey,
+      asIndexKey: this._asIndexKey,
+      index,
+      hostContext
+    });
+  }
+  createReactiveProxy(target, onChange, onIndexChange) {
+    return SwcUtils.createReactiveProxy(target, onChange, onIndexChange);
+  }
+}
+export {
+  SwcHTMLAudioElementBase
+};
+//# sourceMappingURL=SwcHTMLAudioElementBase.js.map

package/dist/esm/elements/base/SwcHTMLAudioElementBase.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/elements/base/SwcHTMLAudioElementBase.ts"],
+  "sourcesContent": ["import { SwcUtils } from '../../utils/Utils';\nimport { SwcAppInterface } from '../SwcAppInterface';\nimport { SwcHTMLElementInterface } from '../SwcHTMLElementInterface';\n\nexport abstract class SwcHTMLAudioElementBase extends HTMLAudioElement implements SwcHTMLElementInterface {\n  protected _masterTplNodes: Node[] = [];\n  protected _asKey: string = 'value';\n  protected _asIndexKey: string = 'index';\n\n  constructor() {\n    super();\n  }\n\n  public getNearAppHost(): SwcAppInterface | undefined {\n    const hosts = this.getHosts();\n    // [Root, ..., Parent] \uC21C\uC11C\uC774\uBBC0\uB85C reverse() \uD6C4 find \uD558\uC5EC \uCD5C\uCE21\uADFC\uC744 \uCC3E\uC2B5\uB2C8\uB2E4.\n    return hosts.reverse().find(host => host.tagName.toLowerCase() === 'swc-app' || host.getAttribute('is')?.startsWith('swc-app-')) as SwcAppInterface | undefined;\n  }\n\n  public getHosts(): SwcHTMLElementInterface[] {\n    return SwcUtils.findAllSwcHosts(this as any);\n  }\n\n  public getHost(): SwcHTMLElementInterface | undefined {\n    const hosts = this.getHosts();\n    return hosts.length > 0 ? hosts[hosts.length - 1] : undefined;\n  }\n\n  public getFirstHost(): SwcHTMLElementInterface | undefined {\n    const hosts = this.getHosts();\n    return hosts.length > 0 ? hosts[0] : undefined;\n  }\n\n  public getLastHost(): SwcHTMLElementInterface | undefined {\n    return this.getHost();\n  }\n\n  protected initCore() {\n    this._asKey = this.getAttribute('as') || 'value';\n    this._asIndexKey = this.getAttribute('as-index') || 'index';\n\n    if (this._masterTplNodes.length > 0) return; // \uC774\uBBF8 \uCD08\uAE30\uD654\uB428\n\n    const tplSlot = this.shadowRoot?.getElementById('tpl-slot') as HTMLSlotElement;\n    if (tplSlot) {\n      this._masterTplNodes = tplSlot.assignedNodes().map(n => n.cloneNode(true));\n    } else if (this.childNodes.length > 0) {\n      // Light DOM\uC5D0\uC11C \uD15C\uD50C\uB9BF \uCD94\uCD9C\n      this._masterTplNodes = Array.from(this.childNodes).map(n => n.cloneNode(true));\n    }\n  }\n\n  protected applyData(node: Node, data: any, index?: number) {\n    // \uD638\uC2A4\uD2B8 \uCCB4\uC778\uC5D0\uC11C name\u2192value \uCEE8\uD14D\uC2A4\uD2B8 \uC218\uC9D1\n    const hostContext: Record<string, any> = {};\n    let curr: any = (this as any).parentElement || ((this as any).getRootNode?.() as any)?.host;\n    const hostChain: any[] = [];\n    while (curr) {\n      if (typeof curr._getHostContext === 'function') hostChain.unshift(curr);\n      curr = curr.parentElement || (curr.getRootNode?.() as any)?.host;\n    }\n    for (const h of hostChain) {\n      Object.assign(hostContext, h._getHostContext());\n    }\n\n    SwcUtils.applyData(node, data, {\n      asKey: this._asKey,\n      asIndexKey: this._asIndexKey,\n      index,\n      hostContext\n    });\n  }\n\n  protected createReactiveProxy(target: any, onChange: () => void, onIndexChange?: (index: number, val: any) => void) {\n    return SwcUtils.createReactiveProxy(target, onChange, onIndexChange);\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,gBAAgB;AAIlB,MAAe,gCAAgC,iBAAoD;AAAA,EAKxG,cAAc;AACZ,UAAM;AALR,SAAU,kBAA0B,CAAC;AACrC,SAAU,SAAiB;AAC3B,SAAU,cAAsB;AAAA,EAIhC;AAAA,EAEO,iBAA8C;AACnD,UAAM,QAAQ,KAAK,SAAS;AAE5B,WAAO,MAAM,QAAQ,EAAE,KAAK,UAAQ,KAAK,QAAQ,YAAY,MAAM,aAAa,KAAK,aAAa,IAAI,GAAG,WAAW,UAAU,CAAC;AAAA,EACjI;AAAA,EAEO,WAAsC;AAC3C,WAAO,SAAS,gBAAgB,IAAW;AAAA,EAC7C;AAAA,EAEO,UAA+C;AACpD,UAAM,QAAQ,KAAK,SAAS;AAC5B,WAAO,MAAM,SAAS,IAAI,MAAM,MAAM,SAAS,CAAC,IAAI;AAAA,EACtD;AAAA,EAEO,eAAoD;AACzD,UAAM,QAAQ,KAAK,SAAS;AAC5B,WAAO,MAAM,SAAS,IAAI,MAAM,CAAC,IAAI;AAAA,EACvC;AAAA,EAEO,cAAmD;AACxD,WAAO,KAAK,QAAQ;AAAA,EACtB;AAAA,EAEU,WAAW;AACnB,SAAK,SAAS,KAAK,aAAa,IAAI,KAAK;AACzC,SAAK,cAAc,KAAK,aAAa,UAAU,KAAK;AAEpD,QAAI,KAAK,gBAAgB,SAAS,EAAG;AAErC,UAAM,UAAU,KAAK,YAAY,eAAe,UAAU;AAC1D,QAAI,SAAS;AACX,WAAK,kBAAkB,QAAQ,cAAc,EAAE,IAAI,OAAK,EAAE,UAAU,IAAI,CAAC;AAAA,IAC3E,WAAW,KAAK,WAAW,SAAS,GAAG;AAErC,WAAK,kBAAkB,MAAM,KAAK,KAAK,UAAU,EAAE,IAAI,OAAK,EAAE,UAAU,IAAI,CAAC;AAAA,IAC/E;AAAA,EACF;AAAA,EAEU,UAAU,MAAY,MAAW,OAAgB;AAEzD,UAAM,cAAmC,CAAC;AAC1C,QAAI,OAAa,KAAa,iBAAmB,KAAa,cAAc,GAAW;AACvF,UAAM,YAAmB,CAAC;AAC1B,WAAO,MAAM;AACX,UAAI,OAAO,KAAK,oBAAoB,WAAY,WAAU,QAAQ,IAAI;AACtE,aAAO,KAAK,iBAAkB,KAAK,cAAc,GAAW;AAAA,IAC9D;AACA,eAAW,KAAK,WAAW;AACzB,aAAO,OAAO,aAAa,EAAE,gBAAgB,CAAC;AAAA,IAChD;AAEA,aAAS,UAAU,MAAM,MAAM;AAAA,MAC7B,OAAO,KAAK;AAAA,MACZ,YAAY,KAAK;AAAA,MACjB;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEU,oBAAoB,QAAa,UAAsB,eAAmD;AAClH,WAAO,SAAS,oBAAoB,QAAQ,UAAU,aAAa;AAAA,EACrE;AACF;",
+  "names": []
+}

package/dist/esm/elements/base/SwcHTMLBaseElementBase.js

@@ -0,0 +1,63 @@
+import { SwcUtils } from "../../utils/Utils.js";
+class SwcHTMLBaseElementBase extends HTMLBaseElement {
+  constructor() {
+    super();
+    this._masterTplNodes = [];
+    this._asKey = "value";
+    this._asIndexKey = "index";
+  }
+  getNearAppHost() {
+    const hosts = this.getHosts();
+    return hosts.reverse().find((host) => host.tagName.toLowerCase() === "swc-app" || host.getAttribute("is")?.startsWith("swc-app-"));
+  }
+  getHosts() {
+    return SwcUtils.findAllSwcHosts(this);
+  }
+  getHost() {
+    const hosts = this.getHosts();
+    return hosts.length > 0 ? hosts[hosts.length - 1] : void 0;
+  }
+  getFirstHost() {
+    const hosts = this.getHosts();
+    return hosts.length > 0 ? hosts[0] : void 0;
+  }
+  getLastHost() {
+    return this.getHost();
+  }
+  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");
+    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));
+    }
+  }
+  applyData(node, data, index) {
+    const hostContext = {};
+    let curr = this.parentElement || this.getRootNode?.()?.host;
+    const hostChain = [];
+    while (curr) {
+      if (typeof curr._getHostContext === "function") hostChain.unshift(curr);
+      curr = curr.parentElement || curr.getRootNode?.()?.host;
+    }
+    for (const h of hostChain) {
+      Object.assign(hostContext, h._getHostContext());
+    }
+    SwcUtils.applyData(node, data, {
+      asKey: this._asKey,
+      asIndexKey: this._asIndexKey,
+      index,
+      hostContext
+    });
+  }
+  createReactiveProxy(target, onChange, onIndexChange) {
+    return SwcUtils.createReactiveProxy(target, onChange, onIndexChange);
+  }
+}
+export {
+  SwcHTMLBaseElementBase
+};
+//# sourceMappingURL=SwcHTMLBaseElementBase.js.map

package/dist/esm/elements/base/SwcHTMLBaseElementBase.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/elements/base/SwcHTMLBaseElementBase.ts"],
+  "sourcesContent": ["import { SwcUtils } from '../../utils/Utils';\nimport { SwcAppInterface } from '../SwcAppInterface';\nimport { SwcHTMLElementInterface } from '../SwcHTMLElementInterface';\n\nexport abstract class SwcHTMLBaseElementBase extends HTMLBaseElement implements SwcHTMLElementInterface {\n  protected _masterTplNodes: Node[] = [];\n  protected _asKey: string = 'value';\n  protected _asIndexKey: string = 'index';\n\n  constructor() {\n    super();\n  }\n\n  public getNearAppHost(): SwcAppInterface | undefined {\n    const hosts = this.getHosts();\n    // [Root, ..., Parent] \uC21C\uC11C\uC774\uBBC0\uB85C reverse() \uD6C4 find \uD558\uC5EC \uCD5C\uCE21\uADFC\uC744 \uCC3E\uC2B5\uB2C8\uB2E4.\n    return hosts.reverse().find(host => host.tagName.toLowerCase() === 'swc-app' || host.getAttribute('is')?.startsWith('swc-app-')) as SwcAppInterface | undefined;\n  }\n\n  public getHosts(): SwcHTMLElementInterface[] {\n    return SwcUtils.findAllSwcHosts(this as any);\n  }\n\n  public getHost(): SwcHTMLElementInterface | undefined {\n    const hosts = this.getHosts();\n    return hosts.length > 0 ? hosts[hosts.length - 1] : undefined;\n  }\n\n  public getFirstHost(): SwcHTMLElementInterface | undefined {\n    const hosts = this.getHosts();\n    return hosts.length > 0 ? hosts[0] : undefined;\n  }\n\n  public getLastHost(): SwcHTMLElementInterface | undefined {\n    return this.getHost();\n  }\n\n  protected initCore() {\n    this._asKey = this.getAttribute('as') || 'value';\n    this._asIndexKey = this.getAttribute('as-index') || 'index';\n\n    if (this._masterTplNodes.length > 0) return; // \uC774\uBBF8 \uCD08\uAE30\uD654\uB428\n\n    const tplSlot = this.shadowRoot?.getElementById('tpl-slot') as HTMLSlotElement;\n    if (tplSlot) {\n      this._masterTplNodes = tplSlot.assignedNodes().map(n => n.cloneNode(true));\n    } else if (this.childNodes.length > 0) {\n      // Light DOM\uC5D0\uC11C \uD15C\uD50C\uB9BF \uCD94\uCD9C\n      this._masterTplNodes = Array.from(this.childNodes).map(n => n.cloneNode(true));\n    }\n  }\n\n  protected applyData(node: Node, data: any, index?: number) {\n    // \uD638\uC2A4\uD2B8 \uCCB4\uC778\uC5D0\uC11C name\u2192value \uCEE8\uD14D\uC2A4\uD2B8 \uC218\uC9D1\n    const hostContext: Record<string, any> = {};\n    let curr: any = (this as any).parentElement || ((this as any).getRootNode?.() as any)?.host;\n    const hostChain: any[] = [];\n    while (curr) {\n      if (typeof curr._getHostContext === 'function') hostChain.unshift(curr);\n      curr = curr.parentElement || (curr.getRootNode?.() as any)?.host;\n    }\n    for (const h of hostChain) {\n      Object.assign(hostContext, h._getHostContext());\n    }\n\n    SwcUtils.applyData(node, data, {\n      asKey: this._asKey,\n      asIndexKey: this._asIndexKey,\n      index,\n      hostContext\n    });\n  }\n\n  protected createReactiveProxy(target: any, onChange: () => void, onIndexChange?: (index: number, val: any) => void) {\n    return SwcUtils.createReactiveProxy(target, onChange, onIndexChange);\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,gBAAgB;AAIlB,MAAe,+BAA+B,gBAAmD;AAAA,EAKtG,cAAc;AACZ,UAAM;AALR,SAAU,kBAA0B,CAAC;AACrC,SAAU,SAAiB;AAC3B,SAAU,cAAsB;AAAA,EAIhC;AAAA,EAEO,iBAA8C;AACnD,UAAM,QAAQ,KAAK,SAAS;AAE5B,WAAO,MAAM,QAAQ,EAAE,KAAK,UAAQ,KAAK,QAAQ,YAAY,MAAM,aAAa,KAAK,aAAa,IAAI,GAAG,WAAW,UAAU,CAAC;AAAA,EACjI;AAAA,EAEO,WAAsC;AAC3C,WAAO,SAAS,gBAAgB,IAAW;AAAA,EAC7C;AAAA,EAEO,UAA+C;AACpD,UAAM,QAAQ,KAAK,SAAS;AAC5B,WAAO,MAAM,SAAS,IAAI,MAAM,MAAM,SAAS,CAAC,IAAI;AAAA,EACtD;AAAA,EAEO,eAAoD;AACzD,UAAM,QAAQ,KAAK,SAAS;AAC5B,WAAO,MAAM,SAAS,IAAI,MAAM,CAAC,IAAI;AAAA,EACvC;AAAA,EAEO,cAAmD;AACxD,WAAO,KAAK,QAAQ;AAAA,EACtB;AAAA,EAEU,WAAW;AACnB,SAAK,SAAS,KAAK,aAAa,IAAI,KAAK;AACzC,SAAK,cAAc,KAAK,aAAa,UAAU,KAAK;AAEpD,QAAI,KAAK,gBAAgB,SAAS,EAAG;AAErC,UAAM,UAAU,KAAK,YAAY,eAAe,UAAU;AAC1D,QAAI,SAAS;AACX,WAAK,kBAAkB,QAAQ,cAAc,EAAE,IAAI,OAAK,EAAE,UAAU,IAAI,CAAC;AAAA,IAC3E,WAAW,KAAK,WAAW,SAAS,GAAG;AAErC,WAAK,kBAAkB,MAAM,KAAK,KAAK,UAAU,EAAE,IAAI,OAAK,EAAE,UAAU,IAAI,CAAC;AAAA,IAC/E;AAAA,EACF;AAAA,EAEU,UAAU,MAAY,MAAW,OAAgB;AAEzD,UAAM,cAAmC,CAAC;AAC1C,QAAI,OAAa,KAAa,iBAAmB,KAAa,cAAc,GAAW;AACvF,UAAM,YAAmB,CAAC;AAC1B,WAAO,MAAM;AACX,UAAI,OAAO,KAAK,oBAAoB,WAAY,WAAU,QAAQ,IAAI;AACtE,aAAO,KAAK,iBAAkB,KAAK,cAAc,GAAW;AAAA,IAC9D;AACA,eAAW,KAAK,WAAW;AACzB,aAAO,OAAO,aAAa,EAAE,gBAAgB,CAAC;AAAA,IAChD;AAEA,aAAS,UAAU,MAAM,MAAM;AAAA,MAC7B,OAAO,KAAK;AAAA,MACZ,YAAY,KAAK;AAAA,MACjB;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEU,oBAAoB,QAAa,UAAsB,eAAmD;AAClH,WAAO,SAAS,oBAAoB,QAAQ,UAAU,aAAa;AAAA,EACrE;AACF;",
+  "names": []
+}

package/dist/esm/elements/base/SwcHTMLBodyElementBase.js

@@ -0,0 +1,63 @@
+import { SwcUtils } from "../../utils/Utils.js";
+class SwcHTMLBodyElementBase extends HTMLBodyElement {
+  constructor() {
+    super();
+    this._masterTplNodes = [];
+    this._asKey = "value";
+    this._asIndexKey = "index";
+  }
+  getNearAppHost() {
+    const hosts = this.getHosts();
+    return hosts.reverse().find((host) => host.tagName.toLowerCase() === "swc-app" || host.getAttribute("is")?.startsWith("swc-app-"));
+  }
+  getHosts() {
+    return SwcUtils.findAllSwcHosts(this);
+  }
+  getHost() {
+    const hosts = this.getHosts();
+    return hosts.length > 0 ? hosts[hosts.length - 1] : void 0;
+  }
+  getFirstHost() {
+    const hosts = this.getHosts();
+    return hosts.length > 0 ? hosts[0] : void 0;
+  }
+  getLastHost() {
+    return this.getHost();
+  }
+  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");
+    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));
+    }
+  }
+  applyData(node, data, index) {
+    const hostContext = {};
+    let curr = this.parentElement || this.getRootNode?.()?.host;
+    const hostChain = [];
+    while (curr) {
+      if (typeof curr._getHostContext === "function") hostChain.unshift(curr);
+      curr = curr.parentElement || curr.getRootNode?.()?.host;
+    }
+    for (const h of hostChain) {
+      Object.assign(hostContext, h._getHostContext());
+    }
+    SwcUtils.applyData(node, data, {
+      asKey: this._asKey,
+      asIndexKey: this._asIndexKey,
+      index,
+      hostContext
+    });
+  }
+  createReactiveProxy(target, onChange, onIndexChange) {
+    return SwcUtils.createReactiveProxy(target, onChange, onIndexChange);
+  }
+}
+export {
+  SwcHTMLBodyElementBase
+};
+//# sourceMappingURL=SwcHTMLBodyElementBase.js.map

package/dist/esm/elements/base/SwcHTMLBodyElementBase.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/elements/base/SwcHTMLBodyElementBase.ts"],
+  "sourcesContent": ["import { SwcUtils } from '../../utils/Utils';\nimport { SwcAppInterface } from '../SwcAppInterface';\nimport { SwcHTMLElementInterface } from '../SwcHTMLElementInterface';\n\nexport abstract class SwcHTMLBodyElementBase extends HTMLBodyElement implements SwcHTMLElementInterface {\n  protected _masterTplNodes: Node[] = [];\n  protected _asKey: string = 'value';\n  protected _asIndexKey: string = 'index';\n\n  constructor() {\n    super();\n  }\n\n  public getNearAppHost(): SwcAppInterface | undefined {\n    const hosts = this.getHosts();\n    // [Root, ..., Parent] \uC21C\uC11C\uC774\uBBC0\uB85C reverse() \uD6C4 find \uD558\uC5EC \uCD5C\uCE21\uADFC\uC744 \uCC3E\uC2B5\uB2C8\uB2E4.\n    return hosts.reverse().find(host => host.tagName.toLowerCase() === 'swc-app' || host.getAttribute('is')?.startsWith('swc-app-')) as SwcAppInterface | undefined;\n  }\n\n  public getHosts(): SwcHTMLElementInterface[] {\n    return SwcUtils.findAllSwcHosts(this as any);\n  }\n\n  public getHost(): SwcHTMLElementInterface | undefined {\n    const hosts = this.getHosts();\n    return hosts.length > 0 ? hosts[hosts.length - 1] : undefined;\n  }\n\n  public getFirstHost(): SwcHTMLElementInterface | undefined {\n    const hosts = this.getHosts();\n    return hosts.length > 0 ? hosts[0] : undefined;\n  }\n\n  public getLastHost(): SwcHTMLElementInterface | undefined {\n    return this.getHost();\n  }\n\n  protected initCore() {\n    this._asKey = this.getAttribute('as') || 'value';\n    this._asIndexKey = this.getAttribute('as-index') || 'index';\n\n    if (this._masterTplNodes.length > 0) return; // \uC774\uBBF8 \uCD08\uAE30\uD654\uB428\n\n    const tplSlot = this.shadowRoot?.getElementById('tpl-slot') as HTMLSlotElement;\n    if (tplSlot) {\n      this._masterTplNodes = tplSlot.assignedNodes().map(n => n.cloneNode(true));\n    } else if (this.childNodes.length > 0) {\n      // Light DOM\uC5D0\uC11C \uD15C\uD50C\uB9BF \uCD94\uCD9C\n      this._masterTplNodes = Array.from(this.childNodes).map(n => n.cloneNode(true));\n    }\n  }\n\n  protected applyData(node: Node, data: any, index?: number) {\n    // \uD638\uC2A4\uD2B8 \uCCB4\uC778\uC5D0\uC11C name\u2192value \uCEE8\uD14D\uC2A4\uD2B8 \uC218\uC9D1\n    const hostContext: Record<string, any> = {};\n    let curr: any = (this as any).parentElement || ((this as any).getRootNode?.() as any)?.host;\n    const hostChain: any[] = [];\n    while (curr) {\n      if (typeof curr._getHostContext === 'function') hostChain.unshift(curr);\n      curr = curr.parentElement || (curr.getRootNode?.() as any)?.host;\n    }\n    for (const h of hostChain) {\n      Object.assign(hostContext, h._getHostContext());\n    }\n\n    SwcUtils.applyData(node, data, {\n      asKey: this._asKey,\n      asIndexKey: this._asIndexKey,\n      index,\n      hostContext\n    });\n  }\n\n  protected createReactiveProxy(target: any, onChange: () => void, onIndexChange?: (index: number, val: any) => void) {\n    return SwcUtils.createReactiveProxy(target, onChange, onIndexChange);\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,gBAAgB;AAIlB,MAAe,+BAA+B,gBAAmD;AAAA,EAKtG,cAAc;AACZ,UAAM;AALR,SAAU,kBAA0B,CAAC;AACrC,SAAU,SAAiB;AAC3B,SAAU,cAAsB;AAAA,EAIhC;AAAA,EAEO,iBAA8C;AACnD,UAAM,QAAQ,KAAK,SAAS;AAE5B,WAAO,MAAM,QAAQ,EAAE,KAAK,UAAQ,KAAK,QAAQ,YAAY,MAAM,aAAa,KAAK,aAAa,IAAI,GAAG,WAAW,UAAU,CAAC;AAAA,EACjI;AAAA,EAEO,WAAsC;AAC3C,WAAO,SAAS,gBAAgB,IAAW;AAAA,EAC7C;AAAA,EAEO,UAA+C;AACpD,UAAM,QAAQ,KAAK,SAAS;AAC5B,WAAO,MAAM,SAAS,IAAI,MAAM,MAAM,SAAS,CAAC,IAAI;AAAA,EACtD;AAAA,EAEO,eAAoD;AACzD,UAAM,QAAQ,KAAK,SAAS;AAC5B,WAAO,MAAM,SAAS,IAAI,MAAM,CAAC,IAAI;AAAA,EACvC;AAAA,EAEO,cAAmD;AACxD,WAAO,KAAK,QAAQ;AAAA,EACtB;AAAA,EAEU,WAAW;AACnB,SAAK,SAAS,KAAK,aAAa,IAAI,KAAK;AACzC,SAAK,cAAc,KAAK,aAAa,UAAU,KAAK;AAEpD,QAAI,KAAK,gBAAgB,SAAS,EAAG;AAErC,UAAM,UAAU,KAAK,YAAY,eAAe,UAAU;AAC1D,QAAI,SAAS;AACX,WAAK,kBAAkB,QAAQ,cAAc,EAAE,IAAI,OAAK,EAAE,UAAU,IAAI,CAAC;AAAA,IAC3E,WAAW,KAAK,WAAW,SAAS,GAAG;AAErC,WAAK,kBAAkB,MAAM,KAAK,KAAK,UAAU,EAAE,IAAI,OAAK,EAAE,UAAU,IAAI,CAAC;AAAA,IAC/E;AAAA,EACF;AAAA,EAEU,UAAU,MAAY,MAAW,OAAgB;AAEzD,UAAM,cAAmC,CAAC;AAC1C,QAAI,OAAa,KAAa,iBAAmB,KAAa,cAAc,GAAW;AACvF,UAAM,YAAmB,CAAC;AAC1B,WAAO,MAAM;AACX,UAAI,OAAO,KAAK,oBAAoB,WAAY,WAAU,QAAQ,IAAI;AACtE,aAAO,KAAK,iBAAkB,KAAK,cAAc,GAAW;AAAA,IAC9D;AACA,eAAW,KAAK,WAAW;AACzB,aAAO,OAAO,aAAa,EAAE,gBAAgB,CAAC;AAAA,IAChD;AAEA,aAAS,UAAU,MAAM,MAAM;AAAA,MAC7B,OAAO,KAAK;AAAA,MACZ,YAAY,KAAK;AAAA,MACjB;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEU,oBAAoB,QAAa,UAAsB,eAAmD;AAClH,WAAO,SAAS,oBAAoB,QAAQ,UAAU,aAAa;AAAA,EACrE;AACF;",
+  "names": []
+}