@dooboostore/simple-web-component 1.0.9 → 1.0.11

package/dist/esm/is/SwcForOfChildrenTableSection.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcForOfChildrenTableSection.ts"],
-  "sourcesContent": ["import { attribute, elementDefine, innerHtml, onAttributeChanged } from '../index';\nimport { SwcHTMLTableSectionElementBase } from './SwcHTMLTableSectionElementBase';\n\n@elementDefine({ name: 'swc-for-of-children-tbody', extends: 'tbody' })\nexport class SwcForOfChildrenTableSection extends SwcHTMLTableSectionElementBase {\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    this._swcValue = this.createReactiveProxy(\n      this._swcValue,\n      () => this.renderAll(),\n      (idx, v) => this.updateSingleRow(idx, v)\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\n  renderTemplate() {\n    return `<slot id=\"tpl-slot\" style=\"display:none;\"></slot>`;\n  }\n\n  connectedCallback() {\n    this.initCore();\n    if (this._masterTplNodes.length > 0) {\n      this.innerHTML = '';\n      this.renderAll();\n    }\n  }\n\n  public updateSingleRow(index: number, newValue: any) {\n    const nodes = this._rowNodes[index];\n    if (nodes && nodes.length > 0) {\n      nodes.forEach(node => this.applyData(node, newValue, index));\n    } else {\n      this.renderRow(newValue, index);\n    }\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    this._swcValue.forEach((item, index) => this.renderRow(item, index));\n  }\n}\n"],
-  "mappings": ";;;;;;;;;AAAA,SAAS,WAAW,eAAe,WAAW,0BAA0B;AACxE,SAAS,sCAAsC;AAGxC,IAAM,+BAAN,MAAMA,sCAAqC,+BAA8B;EAM9E,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,SAAK,YAAY,KAAK,oBACpB,KAAK,WACL,MAAM,KAAK,UAAS,GACpB,CAAC,KAAK,MAAM,KAAK,gBAAgB,KAAK,CAAC,CAAC;AAE1C,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;EACT;EAEA,oBAAiB;AACf,SAAK,SAAQ;AACb,QAAI,KAAK,gBAAgB,SAAS,GAAG;AACnC,WAAK,YAAY;AACjB,WAAK,UAAS;IAChB;EACF;EAEO,gBAAgB,OAAe,UAAa;AACjD,UAAM,QAAQ,KAAK,UAAU,KAAK;AAClC,QAAI,SAAS,MAAM,SAAS,GAAG;AAC7B,YAAM,QAAQ,UAAQ,KAAK,UAAU,MAAM,UAAU,KAAK,CAAC;IAC7D,OAAO;AACL,WAAK,UAAU,UAAU,KAAK;IAChC;EACF;EAEQ,UAAU,MAAW,OAAa;AACxC,QAAI,KAAK,gBAAgB,WAAW;AAAG;AACvC,UAAM,eAAuB,CAAA;AAC7B,SAAK,gBAAgB,QAAQ,aAAU;AACrC,YAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,WAAK,YAAY,KAAK;AACtB,WAAK,UAAU,OAAO,MAAM,KAAK;AACjC,mBAAa,KAAK,KAAK;IACzB,CAAC;AACD,SAAK,UAAU,KAAK,IAAI;EAC1B;EAEQ,YAAS;AACf,SAAK,YAAY;AACjB,SAAK,YAAY,CAAA;AACjB,SAAK,UAAU,QAAQ,CAAC,MAAM,UAAU,KAAK,UAAU,MAAM,KAAK,CAAC;EACrE;;AAlEA,WAAA;EADC,UAAU,WAAW;;;AAUtB,WAAA;EADC,mBAAmB,WAAW;;;;;AAqB/B,WAAA;EADC;;;;;AA9BU,+BAA4B,WAAA;EADxC,cAAc,EAAE,MAAM,6BAA6B,SAAS,QAAO,CAAE;;GACzD,4BAA4B;",
+  "sourcesContent": ["import { attribute, elementDefine, innerHtml, onAttributeChanged } from '../index';\nimport { SwcHTMLTableSectionElementBase } from '../elements/base/SwcHTMLTableSectionElementBase';\n\n@elementDefine({ name: 'swc-for-of-children-tbody', extends: 'tbody' })\nexport class SwcForOfChildrenTableSection extends SwcHTMLTableSectionElementBase {\n  @attribute('swc-value') _swcValue: any[] = [];\n  private _rowNodes: Node[][] = [];\n  @onAttributeChanged('swc-value') onValueChange() { if (!Array.isArray(this._swcValue)) this._swcValue = []; this._swcValue = this.createReactiveProxy(this._swcValue, () => this.renderAll(), (idx, v) => this.updateSingleRow(idx, v)); if (this._masterTplNodes.length === 0) this.initCore(); this.renderAll(); }\n  set swcValue(val: any[]) { this._swcValue = val; } get swcValue(): any[] { return this._swcValue; }\n  @innerHtml renderTemplate() { return `<slot id=\"tpl-slot\" style=\"display:none;\"></slot>`; }\n  connectedCallback() { this.initCore(); if (this._masterTplNodes.length > 0) { this.innerHTML = ''; this.renderAll(); } }\n  public updateSingleRow(index: number, newValue: any) { const nodes = this._rowNodes[index]; if (nodes && nodes.length > 0) { nodes.forEach(node => this.applyData(node, newValue, index)); } else { this.renderRow(newValue, index); } }\n  private renderRow(item: any, index: number) { if (this._masterTplNodes.length === 0) return; const currentNodes: Node[] = []; this._masterTplNodes.forEach(tplNode => { const clone = tplNode.cloneNode(true); this.appendChild(clone); this.applyData(clone, item, index); currentNodes.push(clone); }); this._rowNodes[index] = currentNodes; }\n  private renderAll() { this.innerHTML = ''; this._rowNodes = []; this._swcValue.forEach((item, index) => this.renderRow(item, index)); }\n}\n"],
+  "mappings": ";;;;;;;;;AAAA,SAAS,WAAW,eAAe,WAAW,0BAA0B;AACxE,SAAS,sCAAsC;AAGxC,IAAM,+BAAN,MAAMA,sCAAqC,+BAA8B;EAAzE,cAAA;;AACmB,SAAA,YAAmB,CAAA;AACnC,SAAA,YAAsB,CAAA;EAQhC;EAPmC,gBAAa;AAAK,QAAI,CAAC,MAAM,QAAQ,KAAK,SAAS;AAAG,WAAK,YAAY,CAAA;AAAI,SAAK,YAAY,KAAK,oBAAoB,KAAK,WAAW,MAAM,KAAK,UAAS,GAAI,CAAC,KAAK,MAAM,KAAK,gBAAgB,KAAK,CAAC,CAAC;AAAG,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AAAI,SAAK,UAAS;EAAI;EACnT,IAAI,SAAS,KAAU;AAAI,SAAK,YAAY;EAAK;EAAE,IAAI,WAAQ;AAAY,WAAO,KAAK;EAAW;EACvF,iBAAc;AAAK,WAAO;EAAqD;EAC1F,oBAAiB;AAAK,SAAK,SAAQ;AAAI,QAAI,KAAK,gBAAgB,SAAS,GAAG;AAAE,WAAK,YAAY;AAAI,WAAK,UAAS;IAAI;EAAE;EAChH,gBAAgB,OAAe,UAAa;AAAI,UAAM,QAAQ,KAAK,UAAU,KAAK;AAAG,QAAI,SAAS,MAAM,SAAS,GAAG;AAAE,YAAM,QAAQ,UAAQ,KAAK,UAAU,MAAM,UAAU,KAAK,CAAC;IAAG,OAAO;AAAE,WAAK,UAAU,UAAU,KAAK;IAAG;EAAE;EAC/N,UAAU,MAAW,OAAa;AAAI,QAAI,KAAK,gBAAgB,WAAW;AAAG;AAAQ,UAAM,eAAuB,CAAA;AAAI,SAAK,gBAAgB,QAAQ,aAAU;AAAG,YAAM,QAAQ,QAAQ,UAAU,IAAI;AAAG,WAAK,YAAY,KAAK;AAAG,WAAK,UAAU,OAAO,MAAM,KAAK;AAAG,mBAAa,KAAK,KAAK;IAAG,CAAC;AAAG,SAAK,UAAU,KAAK,IAAI;EAAc;EACxU,YAAS;AAAK,SAAK,YAAY;AAAI,SAAK,YAAY,CAAA;AAAI,SAAK,UAAU,QAAQ,CAAC,MAAM,UAAU,KAAK,UAAU,MAAM,KAAK,CAAC;EAAG;;AAR9G,WAAA;EAAvB,UAAU,WAAW;;;AAEW,WAAA;EAAhC,mBAAmB,WAAW;;;;;AAEpB,WAAA;EAAV;;;;;AALU,+BAA4B,WAAA;EADxC,cAAc,EAAE,MAAM,6BAA6B,SAAS,QAAO,CAAE;GACzD,4BAA4B;",
   "names": ["SwcForOfChildrenTableSection"]
 }

package/dist/esm/is/SwcForOfChildrenTemplate.js

@@ -8,10 +8,10 @@ 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 { SwcHTMLTemplateElementBase } from "./SwcHTMLTemplateElementBase.js";
+import { SwcHTMLTemplateElementBase } from "../elements/base/SwcHTMLTemplateElementBase.js";
 let SwcForOfChildrenTemplate = class SwcForOfChildrenTemplate2 extends SwcHTMLTemplateElementBase {
   constructor() {
-    super();
+    super(...arguments);
     this._swcValue = [];
     this._rowNodes = [];
   }
@@ -82,8 +82,7 @@ __decorate([
   __metadata("design:returntype", void 0)
 ], SwcForOfChildrenTemplate.prototype, "renderTemplate", null);
 SwcForOfChildrenTemplate = __decorate([
-  elementDefine({ name: "swc-for-of-children-template", extends: "template" }),
-  __metadata("design:paramtypes", [])
+  elementDefine({ name: "swc-for-of-children-template", extends: "template" })
 ], SwcForOfChildrenTemplate);
 export {
   SwcForOfChildrenTemplate

package/dist/esm/is/SwcForOfChildrenTemplate.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcForOfChildrenTemplate.ts"],
-  "sourcesContent": ["import { attribute, elementDefine, innerHtml, onAttributeChanged } from '../index';\nimport { SwcHTMLTemplateElementBase } from './SwcHTMLTemplateElementBase';\n\n@elementDefine({ name: 'swc-for-of-children-template', extends: 'template' })\nexport class SwcForOfChildrenTemplate extends SwcHTMLTemplateElementBase {\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    this._swcValue = this.createReactiveProxy(\n      this._swcValue,\n      () => this.renderAll(),\n      (idx, v) => this.updateSingleRow(idx, v)\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\n  renderTemplate() {\n    return `<slot id=\"tpl-slot\" style=\"display:none;\"></slot>`;\n  }\n\n  connectedCallback() {\n    this.initCore();\n    if (this._masterTplNodes.length > 0) {\n      this.innerHTML = '';\n      this.renderAll();\n    }\n  }\n\n  public updateSingleRow(index: number, newValue: any) {\n    const nodes = this._rowNodes[index];\n    if (nodes && nodes.length > 0) {\n      nodes.forEach(node => this.applyData(node, newValue, index));\n    } else {\n      this.renderRow(newValue, index);\n    }\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    this._swcValue.forEach((item, index) => this.renderRow(item, index));\n  }\n}\n"],
-  "mappings": ";;;;;;;;;AAAA,SAAS,WAAW,eAAe,WAAW,0BAA0B;AACxE,SAAS,kCAAkC;AAGpC,IAAM,2BAAN,MAAMA,kCAAiC,2BAA0B;EAMtE,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,SAAK,YAAY,KAAK,oBACpB,KAAK,WACL,MAAM,KAAK,UAAS,GACpB,CAAC,KAAK,MAAM,KAAK,gBAAgB,KAAK,CAAC,CAAC;AAE1C,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;EACT;EAEA,oBAAiB;AACf,SAAK,SAAQ;AACb,QAAI,KAAK,gBAAgB,SAAS,GAAG;AACnC,WAAK,YAAY;AACjB,WAAK,UAAS;IAChB;EACF;EAEO,gBAAgB,OAAe,UAAa;AACjD,UAAM,QAAQ,KAAK,UAAU,KAAK;AAClC,QAAI,SAAS,MAAM,SAAS,GAAG;AAC7B,YAAM,QAAQ,UAAQ,KAAK,UAAU,MAAM,UAAU,KAAK,CAAC;IAC7D,OAAO;AACL,WAAK,UAAU,UAAU,KAAK;IAChC;EACF;EAEQ,UAAU,MAAW,OAAa;AACxC,QAAI,KAAK,gBAAgB,WAAW;AAAG;AACvC,UAAM,eAAuB,CAAA;AAC7B,SAAK,gBAAgB,QAAQ,aAAU;AACrC,YAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,WAAK,YAAY,KAAK;AACtB,WAAK,UAAU,OAAO,MAAM,KAAK;AACjC,mBAAa,KAAK,KAAK;IACzB,CAAC;AACD,SAAK,UAAU,KAAK,IAAI;EAC1B;EAEQ,YAAS;AACf,SAAK,YAAY;AACjB,SAAK,YAAY,CAAA;AACjB,SAAK,UAAU,QAAQ,CAAC,MAAM,UAAU,KAAK,UAAU,MAAM,KAAK,CAAC;EACrE;;AAlEA,WAAA;EADC,UAAU,WAAW;;;AAUtB,WAAA;EADC,mBAAmB,WAAW;;;;;AAqB/B,WAAA;EADC;;;;;AA9BU,2BAAwB,WAAA;EADpC,cAAc,EAAE,MAAM,gCAAgC,SAAS,WAAU,CAAE;;GAC/D,wBAAwB;",
+  "sourcesContent": ["import { attribute, elementDefine, innerHtml, onAttributeChanged } from '../index';\nimport { SwcHTMLTemplateElementBase } from '../elements/base/SwcHTMLTemplateElementBase';\n\n@elementDefine({ name: 'swc-for-of-children-template', extends: 'template' })\nexport class SwcForOfChildrenTemplate extends SwcHTMLTemplateElementBase {\n  @attribute('swc-value') _swcValue: any[] = [];\n  private _rowNodes: Node[][] = [];\n  @onAttributeChanged('swc-value') onValueChange() { if (!Array.isArray(this._swcValue)) this._swcValue = []; this._swcValue = this.createReactiveProxy(this._swcValue, () => this.renderAll(), (idx, v) => this.updateSingleRow(idx, v)); if (this._masterTplNodes.length === 0) this.initCore(); this.renderAll(); }\n  set swcValue(val: any[]) { this._swcValue = val; } get swcValue(): any[] { return this._swcValue; }\n  @innerHtml renderTemplate() { return `<slot id=\"tpl-slot\" style=\"display:none;\"></slot>`; }\n  connectedCallback() { this.initCore(); if (this._masterTplNodes.length > 0) { this.innerHTML = ''; this.renderAll(); } }\n  public updateSingleRow(index: number, newValue: any) { const nodes = this._rowNodes[index]; if (nodes && nodes.length > 0) { nodes.forEach(node => this.applyData(node, newValue, index)); } else { this.renderRow(newValue, index); } }\n  private renderRow(item: any, index: number) { if (this._masterTplNodes.length === 0) return; const currentNodes: Node[] = []; this._masterTplNodes.forEach(tplNode => { const clone = tplNode.cloneNode(true); this.appendChild(clone); this.applyData(clone, item, index); currentNodes.push(clone); }); this._rowNodes[index] = currentNodes; }\n  private renderAll() { this.innerHTML = ''; this._rowNodes = []; this._swcValue.forEach((item, index) => this.renderRow(item, index)); }\n}\n"],
+  "mappings": ";;;;;;;;;AAAA,SAAS,WAAW,eAAe,WAAW,0BAA0B;AACxE,SAAS,kCAAkC;AAGpC,IAAM,2BAAN,MAAMA,kCAAiC,2BAA0B;EAAjE,cAAA;;AACmB,SAAA,YAAmB,CAAA;AACnC,SAAA,YAAsB,CAAA;EAQhC;EAPmC,gBAAa;AAAK,QAAI,CAAC,MAAM,QAAQ,KAAK,SAAS;AAAG,WAAK,YAAY,CAAA;AAAI,SAAK,YAAY,KAAK,oBAAoB,KAAK,WAAW,MAAM,KAAK,UAAS,GAAI,CAAC,KAAK,MAAM,KAAK,gBAAgB,KAAK,CAAC,CAAC;AAAG,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AAAI,SAAK,UAAS;EAAI;EACnT,IAAI,SAAS,KAAU;AAAI,SAAK,YAAY;EAAK;EAAE,IAAI,WAAQ;AAAY,WAAO,KAAK;EAAW;EACvF,iBAAc;AAAK,WAAO;EAAqD;EAC1F,oBAAiB;AAAK,SAAK,SAAQ;AAAI,QAAI,KAAK,gBAAgB,SAAS,GAAG;AAAE,WAAK,YAAY;AAAI,WAAK,UAAS;IAAI;EAAE;EAChH,gBAAgB,OAAe,UAAa;AAAI,UAAM,QAAQ,KAAK,UAAU,KAAK;AAAG,QAAI,SAAS,MAAM,SAAS,GAAG;AAAE,YAAM,QAAQ,UAAQ,KAAK,UAAU,MAAM,UAAU,KAAK,CAAC;IAAG,OAAO;AAAE,WAAK,UAAU,UAAU,KAAK;IAAG;EAAE;EAC/N,UAAU,MAAW,OAAa;AAAI,QAAI,KAAK,gBAAgB,WAAW;AAAG;AAAQ,UAAM,eAAuB,CAAA;AAAI,SAAK,gBAAgB,QAAQ,aAAU;AAAG,YAAM,QAAQ,QAAQ,UAAU,IAAI;AAAG,WAAK,YAAY,KAAK;AAAG,WAAK,UAAU,OAAO,MAAM,KAAK;AAAG,mBAAa,KAAK,KAAK;IAAG,CAAC;AAAG,SAAK,UAAU,KAAK,IAAI;EAAc;EACxU,YAAS;AAAK,SAAK,YAAY;AAAI,SAAK,YAAY,CAAA;AAAI,SAAK,UAAU,QAAQ,CAAC,MAAM,UAAU,KAAK,UAAU,MAAM,KAAK,CAAC;EAAG;;AAR9G,WAAA;EAAvB,UAAU,WAAW;;;AAEW,WAAA;EAAhC,mBAAmB,WAAW;;;;;AAEpB,WAAA;EAAV;;;;;AALU,2BAAwB,WAAA;EADpC,cAAc,EAAE,MAAM,gCAAgC,SAAS,WAAU,CAAE;GAC/D,wBAAwB;",
   "names": ["SwcForOfChildrenTemplate"]
 }

package/dist/esm/is/SwcForOfChildrenTextArea.js

@@ -8,10 +8,10 @@ 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 { SwcHTMLTextAreaElementBase } from "./SwcHTMLTextAreaElementBase.js";
+import { SwcHTMLTextAreaElementBase } from "../elements/base/SwcHTMLTextAreaElementBase.js";
 let SwcForOfChildrenTextArea = class SwcForOfChildrenTextArea2 extends SwcHTMLTextAreaElementBase {
   constructor() {
-    super();
+    super(...arguments);
     this._swcValue = [];
     this._rowNodes = [];
   }
@@ -82,8 +82,7 @@ __decorate([
   __metadata("design:returntype", void 0)
 ], SwcForOfChildrenTextArea.prototype, "renderTemplate", null);
 SwcForOfChildrenTextArea = __decorate([
-  elementDefine({ name: "swc-for-of-children-textarea", extends: "textarea" }),
-  __metadata("design:paramtypes", [])
+  elementDefine({ name: "swc-for-of-children-textarea", extends: "textarea" })
 ], SwcForOfChildrenTextArea);
 export {
   SwcForOfChildrenTextArea

package/dist/esm/is/SwcForOfChildrenTextArea.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcForOfChildrenTextArea.ts"],
-  "sourcesContent": ["import { attribute, elementDefine, innerHtml, onAttributeChanged } from '../index';\nimport { SwcHTMLTextAreaElementBase } from './SwcHTMLTextAreaElementBase';\n\n@elementDefine({ name: 'swc-for-of-children-textarea', extends: 'textarea' })\nexport class SwcForOfChildrenTextArea extends SwcHTMLTextAreaElementBase {\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    this._swcValue = this.createReactiveProxy(\n      this._swcValue,\n      () => this.renderAll(),\n      (idx, v) => this.updateSingleRow(idx, v)\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\n  renderTemplate() {\n    return `<slot id=\"tpl-slot\" style=\"display:none;\"></slot>`;\n  }\n\n  connectedCallback() {\n    this.initCore();\n    if (this._masterTplNodes.length > 0) {\n      this.innerHTML = '';\n      this.renderAll();\n    }\n  }\n\n  public updateSingleRow(index: number, newValue: any) {\n    const nodes = this._rowNodes[index];\n    if (nodes && nodes.length > 0) {\n      nodes.forEach(node => this.applyData(node, newValue, index));\n    } else {\n      this.renderRow(newValue, index);\n    }\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    this._swcValue.forEach((item, index) => this.renderRow(item, index));\n  }\n}\n"],
-  "mappings": ";;;;;;;;;AAAA,SAAS,WAAW,eAAe,WAAW,0BAA0B;AACxE,SAAS,kCAAkC;AAGpC,IAAM,2BAAN,MAAMA,kCAAiC,2BAA0B;EAMtE,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,SAAK,YAAY,KAAK,oBACpB,KAAK,WACL,MAAM,KAAK,UAAS,GACpB,CAAC,KAAK,MAAM,KAAK,gBAAgB,KAAK,CAAC,CAAC;AAE1C,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;EACT;EAEA,oBAAiB;AACf,SAAK,SAAQ;AACb,QAAI,KAAK,gBAAgB,SAAS,GAAG;AACnC,WAAK,YAAY;AACjB,WAAK,UAAS;IAChB;EACF;EAEO,gBAAgB,OAAe,UAAa;AACjD,UAAM,QAAQ,KAAK,UAAU,KAAK;AAClC,QAAI,SAAS,MAAM,SAAS,GAAG;AAC7B,YAAM,QAAQ,UAAQ,KAAK,UAAU,MAAM,UAAU,KAAK,CAAC;IAC7D,OAAO;AACL,WAAK,UAAU,UAAU,KAAK;IAChC;EACF;EAEQ,UAAU,MAAW,OAAa;AACxC,QAAI,KAAK,gBAAgB,WAAW;AAAG;AACvC,UAAM,eAAuB,CAAA;AAC7B,SAAK,gBAAgB,QAAQ,aAAU;AACrC,YAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,WAAK,YAAY,KAAK;AACtB,WAAK,UAAU,OAAO,MAAM,KAAK;AACjC,mBAAa,KAAK,KAAK;IACzB,CAAC;AACD,SAAK,UAAU,KAAK,IAAI;EAC1B;EAEQ,YAAS;AACf,SAAK,YAAY;AACjB,SAAK,YAAY,CAAA;AACjB,SAAK,UAAU,QAAQ,CAAC,MAAM,UAAU,KAAK,UAAU,MAAM,KAAK,CAAC;EACrE;;AAlEA,WAAA;EADC,UAAU,WAAW;;;AAUtB,WAAA;EADC,mBAAmB,WAAW;;;;;AAqB/B,WAAA;EADC;;;;;AA9BU,2BAAwB,WAAA;EADpC,cAAc,EAAE,MAAM,gCAAgC,SAAS,WAAU,CAAE;;GAC/D,wBAAwB;",
+  "sourcesContent": ["import { attribute, elementDefine, innerHtml, onAttributeChanged } from '../index';\nimport { SwcHTMLTextAreaElementBase } from '../elements/base/SwcHTMLTextAreaElementBase';\n\n@elementDefine({ name: 'swc-for-of-children-textarea', extends: 'textarea' })\nexport class SwcForOfChildrenTextArea extends SwcHTMLTextAreaElementBase {\n  @attribute('swc-value') _swcValue: any[] = [];\n  private _rowNodes: Node[][] = [];\n  @onAttributeChanged('swc-value') onValueChange() { if (!Array.isArray(this._swcValue)) this._swcValue = []; this._swcValue = this.createReactiveProxy(this._swcValue, () => this.renderAll(), (idx, v) => this.updateSingleRow(idx, v)); if (this._masterTplNodes.length === 0) this.initCore(); this.renderAll(); }\n  set swcValue(val: any[]) { this._swcValue = val; } get swcValue(): any[] { return this._swcValue; }\n  @innerHtml renderTemplate() { return `<slot id=\"tpl-slot\" style=\"display:none;\"></slot>`; }\n  connectedCallback() { this.initCore(); if (this._masterTplNodes.length > 0) { this.innerHTML = ''; this.renderAll(); } }\n  public updateSingleRow(index: number, newValue: any) { const nodes = this._rowNodes[index]; if (nodes && nodes.length > 0) { nodes.forEach(node => this.applyData(node, newValue, index)); } else { this.renderRow(newValue, index); } }\n  private renderRow(item: any, index: number) { if (this._masterTplNodes.length === 0) return; const currentNodes: Node[] = []; this._masterTplNodes.forEach(tplNode => { const clone = tplNode.cloneNode(true); this.appendChild(clone); this.applyData(clone, item, index); currentNodes.push(clone); }); this._rowNodes[index] = currentNodes; }\n  private renderAll() { this.innerHTML = ''; this._rowNodes = []; this._swcValue.forEach((item, index) => this.renderRow(item, index)); }\n}\n"],
+  "mappings": ";;;;;;;;;AAAA,SAAS,WAAW,eAAe,WAAW,0BAA0B;AACxE,SAAS,kCAAkC;AAGpC,IAAM,2BAAN,MAAMA,kCAAiC,2BAA0B;EAAjE,cAAA;;AACmB,SAAA,YAAmB,CAAA;AACnC,SAAA,YAAsB,CAAA;EAQhC;EAPmC,gBAAa;AAAK,QAAI,CAAC,MAAM,QAAQ,KAAK,SAAS;AAAG,WAAK,YAAY,CAAA;AAAI,SAAK,YAAY,KAAK,oBAAoB,KAAK,WAAW,MAAM,KAAK,UAAS,GAAI,CAAC,KAAK,MAAM,KAAK,gBAAgB,KAAK,CAAC,CAAC;AAAG,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AAAI,SAAK,UAAS;EAAI;EACnT,IAAI,SAAS,KAAU;AAAI,SAAK,YAAY;EAAK;EAAE,IAAI,WAAQ;AAAY,WAAO,KAAK;EAAW;EACvF,iBAAc;AAAK,WAAO;EAAqD;EAC1F,oBAAiB;AAAK,SAAK,SAAQ;AAAI,QAAI,KAAK,gBAAgB,SAAS,GAAG;AAAE,WAAK,YAAY;AAAI,WAAK,UAAS;IAAI;EAAE;EAChH,gBAAgB,OAAe,UAAa;AAAI,UAAM,QAAQ,KAAK,UAAU,KAAK;AAAG,QAAI,SAAS,MAAM,SAAS,GAAG;AAAE,YAAM,QAAQ,UAAQ,KAAK,UAAU,MAAM,UAAU,KAAK,CAAC;IAAG,OAAO;AAAE,WAAK,UAAU,UAAU,KAAK;IAAG;EAAE;EAC/N,UAAU,MAAW,OAAa;AAAI,QAAI,KAAK,gBAAgB,WAAW;AAAG;AAAQ,UAAM,eAAuB,CAAA;AAAI,SAAK,gBAAgB,QAAQ,aAAU;AAAG,YAAM,QAAQ,QAAQ,UAAU,IAAI;AAAG,WAAK,YAAY,KAAK;AAAG,WAAK,UAAU,OAAO,MAAM,KAAK;AAAG,mBAAa,KAAK,KAAK;IAAG,CAAC;AAAG,SAAK,UAAU,KAAK,IAAI;EAAc;EACxU,YAAS;AAAK,SAAK,YAAY;AAAI,SAAK,YAAY,CAAA;AAAI,SAAK,UAAU,QAAQ,CAAC,MAAM,UAAU,KAAK,UAAU,MAAM,KAAK,CAAC;EAAG;;AAR9G,WAAA;EAAvB,UAAU,WAAW;;;AAEW,WAAA;EAAhC,mBAAmB,WAAW;;;;;AAEpB,WAAA;EAAV;;;;;AALU,2BAAwB,WAAA;EADpC,cAAc,EAAE,MAAM,gCAAgC,SAAS,WAAU,CAAE;GAC/D,wBAAwB;",
   "names": ["SwcForOfChildrenTextArea"]
 }

package/dist/esm/is/SwcForOfChildrenTime.js

@@ -8,10 +8,10 @@ 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 { SwcHTMLTimeElementBase } from "./SwcHTMLTimeElementBase.js";
+import { SwcHTMLTimeElementBase } from "../elements/base/SwcHTMLTimeElementBase.js";
 let SwcForOfChildrenTime = class SwcForOfChildrenTime2 extends SwcHTMLTimeElementBase {
   constructor() {
-    super();
+    super(...arguments);
     this._swcValue = [];
     this._rowNodes = [];
   }
@@ -82,8 +82,7 @@ __decorate([
   __metadata("design:returntype", void 0)
 ], SwcForOfChildrenTime.prototype, "renderTemplate", null);
 SwcForOfChildrenTime = __decorate([
-  elementDefine({ name: "swc-for-of-children-time", extends: "time" }),
-  __metadata("design:paramtypes", [])
+  elementDefine({ name: "swc-for-of-children-time", extends: "time" })
 ], SwcForOfChildrenTime);
 export {
   SwcForOfChildrenTime

package/dist/esm/is/SwcForOfChildrenTime.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcForOfChildrenTime.ts"],
-  "sourcesContent": ["import { attribute, elementDefine, innerHtml, onAttributeChanged } from '../index';\nimport { SwcHTMLTimeElementBase } from './SwcHTMLTimeElementBase';\n\n@elementDefine({ name: 'swc-for-of-children-time', extends: 'time' })\nexport class SwcForOfChildrenTime extends SwcHTMLTimeElementBase {\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    this._swcValue = this.createReactiveProxy(\n      this._swcValue,\n      () => this.renderAll(),\n      (idx, v) => this.updateSingleRow(idx, v)\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\n  renderTemplate() {\n    return `<slot id=\"tpl-slot\" style=\"display:none;\"></slot>`;\n  }\n\n  connectedCallback() {\n    this.initCore();\n    if (this._masterTplNodes.length > 0) {\n      this.innerHTML = '';\n      this.renderAll();\n    }\n  }\n\n  public updateSingleRow(index: number, newValue: any) {\n    const nodes = this._rowNodes[index];\n    if (nodes && nodes.length > 0) {\n      nodes.forEach(node => this.applyData(node, newValue, index));\n    } else {\n      this.renderRow(newValue, index);\n    }\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    this._swcValue.forEach((item, index) => this.renderRow(item, index));\n  }\n}\n"],
-  "mappings": ";;;;;;;;;AAAA,SAAS,WAAW,eAAe,WAAW,0BAA0B;AACxE,SAAS,8BAA8B;AAGhC,IAAM,uBAAN,MAAMA,8BAA6B,uBAAsB;EAM9D,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,SAAK,YAAY,KAAK,oBACpB,KAAK,WACL,MAAM,KAAK,UAAS,GACpB,CAAC,KAAK,MAAM,KAAK,gBAAgB,KAAK,CAAC,CAAC;AAE1C,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;EACT;EAEA,oBAAiB;AACf,SAAK,SAAQ;AACb,QAAI,KAAK,gBAAgB,SAAS,GAAG;AACnC,WAAK,YAAY;AACjB,WAAK,UAAS;IAChB;EACF;EAEO,gBAAgB,OAAe,UAAa;AACjD,UAAM,QAAQ,KAAK,UAAU,KAAK;AAClC,QAAI,SAAS,MAAM,SAAS,GAAG;AAC7B,YAAM,QAAQ,UAAQ,KAAK,UAAU,MAAM,UAAU,KAAK,CAAC;IAC7D,OAAO;AACL,WAAK,UAAU,UAAU,KAAK;IAChC;EACF;EAEQ,UAAU,MAAW,OAAa;AACxC,QAAI,KAAK,gBAAgB,WAAW;AAAG;AACvC,UAAM,eAAuB,CAAA;AAC7B,SAAK,gBAAgB,QAAQ,aAAU;AACrC,YAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,WAAK,YAAY,KAAK;AACtB,WAAK,UAAU,OAAO,MAAM,KAAK;AACjC,mBAAa,KAAK,KAAK;IACzB,CAAC;AACD,SAAK,UAAU,KAAK,IAAI;EAC1B;EAEQ,YAAS;AACf,SAAK,YAAY;AACjB,SAAK,YAAY,CAAA;AACjB,SAAK,UAAU,QAAQ,CAAC,MAAM,UAAU,KAAK,UAAU,MAAM,KAAK,CAAC;EACrE;;AAlEA,WAAA;EADC,UAAU,WAAW;;;AAUtB,WAAA;EADC,mBAAmB,WAAW;;;;;AAqB/B,WAAA;EADC;;;;;AA9BU,uBAAoB,WAAA;EADhC,cAAc,EAAE,MAAM,4BAA4B,SAAS,OAAM,CAAE;;GACvD,oBAAoB;",
+  "sourcesContent": ["import { attribute, elementDefine, innerHtml, onAttributeChanged } from '../index';\nimport { SwcHTMLTimeElementBase } from '../elements/base/SwcHTMLTimeElementBase';\n\n@elementDefine({ name: 'swc-for-of-children-time', extends: 'time' })\nexport class SwcForOfChildrenTime extends SwcHTMLTimeElementBase {\n  @attribute('swc-value') _swcValue: any[] = [];\n  private _rowNodes: Node[][] = [];\n  @onAttributeChanged('swc-value') onValueChange() { if (!Array.isArray(this._swcValue)) this._swcValue = []; this._swcValue = this.createReactiveProxy(this._swcValue, () => this.renderAll(), (idx, v) => this.updateSingleRow(idx, v)); if (this._masterTplNodes.length === 0) this.initCore(); this.renderAll(); }\n  set swcValue(val: any[]) { this._swcValue = val; } get swcValue(): any[] { return this._swcValue; }\n  @innerHtml renderTemplate() { return `<slot id=\"tpl-slot\" style=\"display:none;\"></slot>`; }\n  connectedCallback() { this.initCore(); if (this._masterTplNodes.length > 0) { this.innerHTML = ''; this.renderAll(); } }\n  public updateSingleRow(index: number, newValue: any) { const nodes = this._rowNodes[index]; if (nodes && nodes.length > 0) { nodes.forEach(node => this.applyData(node, newValue, index)); } else { this.renderRow(newValue, index); } }\n  private renderRow(item: any, index: number) { if (this._masterTplNodes.length === 0) return; const currentNodes: Node[] = []; this._masterTplNodes.forEach(tplNode => { const clone = tplNode.cloneNode(true); this.appendChild(clone); this.applyData(clone, item, index); currentNodes.push(clone); }); this._rowNodes[index] = currentNodes; }\n  private renderAll() { this.innerHTML = ''; this._rowNodes = []; this._swcValue.forEach((item, index) => this.renderRow(item, index)); }\n}\n"],
+  "mappings": ";;;;;;;;;AAAA,SAAS,WAAW,eAAe,WAAW,0BAA0B;AACxE,SAAS,8BAA8B;AAGhC,IAAM,uBAAN,MAAMA,8BAA6B,uBAAsB;EAAzD,cAAA;;AACmB,SAAA,YAAmB,CAAA;AACnC,SAAA,YAAsB,CAAA;EAQhC;EAPmC,gBAAa;AAAK,QAAI,CAAC,MAAM,QAAQ,KAAK,SAAS;AAAG,WAAK,YAAY,CAAA;AAAI,SAAK,YAAY,KAAK,oBAAoB,KAAK,WAAW,MAAM,KAAK,UAAS,GAAI,CAAC,KAAK,MAAM,KAAK,gBAAgB,KAAK,CAAC,CAAC;AAAG,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AAAI,SAAK,UAAS;EAAI;EACnT,IAAI,SAAS,KAAU;AAAI,SAAK,YAAY;EAAK;EAAE,IAAI,WAAQ;AAAY,WAAO,KAAK;EAAW;EACvF,iBAAc;AAAK,WAAO;EAAqD;EAC1F,oBAAiB;AAAK,SAAK,SAAQ;AAAI,QAAI,KAAK,gBAAgB,SAAS,GAAG;AAAE,WAAK,YAAY;AAAI,WAAK,UAAS;IAAI;EAAE;EAChH,gBAAgB,OAAe,UAAa;AAAI,UAAM,QAAQ,KAAK,UAAU,KAAK;AAAG,QAAI,SAAS,MAAM,SAAS,GAAG;AAAE,YAAM,QAAQ,UAAQ,KAAK,UAAU,MAAM,UAAU,KAAK,CAAC;IAAG,OAAO;AAAE,WAAK,UAAU,UAAU,KAAK;IAAG;EAAE;EAC/N,UAAU,MAAW,OAAa;AAAI,QAAI,KAAK,gBAAgB,WAAW;AAAG;AAAQ,UAAM,eAAuB,CAAA;AAAI,SAAK,gBAAgB,QAAQ,aAAU;AAAG,YAAM,QAAQ,QAAQ,UAAU,IAAI;AAAG,WAAK,YAAY,KAAK;AAAG,WAAK,UAAU,OAAO,MAAM,KAAK;AAAG,mBAAa,KAAK,KAAK;IAAG,CAAC;AAAG,SAAK,UAAU,KAAK,IAAI;EAAc;EACxU,YAAS;AAAK,SAAK,YAAY;AAAI,SAAK,YAAY,CAAA;AAAI,SAAK,UAAU,QAAQ,CAAC,MAAM,UAAU,KAAK,UAAU,MAAM,KAAK,CAAC;EAAG;;AAR9G,WAAA;EAAvB,UAAU,WAAW;;;AAEW,WAAA;EAAhC,mBAAmB,WAAW;;;;;AAEpB,WAAA;EAAV;;;;;AALU,uBAAoB,WAAA;EADhC,cAAc,EAAE,MAAM,4BAA4B,SAAS,OAAM,CAAE;GACvD,oBAAoB;",
   "names": ["SwcForOfChildrenTime"]
 }

package/dist/esm/is/SwcForOfChildrenTitle.js

@@ -8,10 +8,10 @@ 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 { SwcHTMLTitleElementBase } from "./SwcHTMLTitleElementBase.js";
+import { SwcHTMLTitleElementBase } from "../elements/base/SwcHTMLTitleElementBase.js";
 let SwcForOfChildrenTitle = class SwcForOfChildrenTitle2 extends SwcHTMLTitleElementBase {
   constructor() {
-    super();
+    super(...arguments);
     this._swcValue = [];
     this._rowNodes = [];
   }
@@ -82,8 +82,7 @@ __decorate([
   __metadata("design:returntype", void 0)
 ], SwcForOfChildrenTitle.prototype, "renderTemplate", null);
 SwcForOfChildrenTitle = __decorate([
-  elementDefine({ name: "swc-for-of-children-title", extends: "title" }),
-  __metadata("design:paramtypes", [])
+  elementDefine({ name: "swc-for-of-children-title", extends: "title" })
 ], SwcForOfChildrenTitle);
 export {
   SwcForOfChildrenTitle

package/dist/esm/is/SwcForOfChildrenTitle.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcForOfChildrenTitle.ts"],
-  "sourcesContent": ["import { attribute, elementDefine, innerHtml, onAttributeChanged } from '../index';\nimport { SwcHTMLTitleElementBase } from './SwcHTMLTitleElementBase';\n\n@elementDefine({ name: 'swc-for-of-children-title', extends: 'title' })\nexport class SwcForOfChildrenTitle extends SwcHTMLTitleElementBase {\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    this._swcValue = this.createReactiveProxy(\n      this._swcValue,\n      () => this.renderAll(),\n      (idx, v) => this.updateSingleRow(idx, v)\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\n  renderTemplate() {\n    return `<slot id=\"tpl-slot\" style=\"display:none;\"></slot>`;\n  }\n\n  connectedCallback() {\n    this.initCore();\n    if (this._masterTplNodes.length > 0) {\n      this.innerHTML = '';\n      this.renderAll();\n    }\n  }\n\n  public updateSingleRow(index: number, newValue: any) {\n    const nodes = this._rowNodes[index];\n    if (nodes && nodes.length > 0) {\n      nodes.forEach(node => this.applyData(node, newValue, index));\n    } else {\n      this.renderRow(newValue, index);\n    }\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    this._swcValue.forEach((item, index) => this.renderRow(item, index));\n  }\n}\n"],
-  "mappings": ";;;;;;;;;AAAA,SAAS,WAAW,eAAe,WAAW,0BAA0B;AACxE,SAAS,+BAA+B;AAGjC,IAAM,wBAAN,MAAMA,+BAA8B,wBAAuB;EAMhE,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,SAAK,YAAY,KAAK,oBACpB,KAAK,WACL,MAAM,KAAK,UAAS,GACpB,CAAC,KAAK,MAAM,KAAK,gBAAgB,KAAK,CAAC,CAAC;AAE1C,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;EACT;EAEA,oBAAiB;AACf,SAAK,SAAQ;AACb,QAAI,KAAK,gBAAgB,SAAS,GAAG;AACnC,WAAK,YAAY;AACjB,WAAK,UAAS;IAChB;EACF;EAEO,gBAAgB,OAAe,UAAa;AACjD,UAAM,QAAQ,KAAK,UAAU,KAAK;AAClC,QAAI,SAAS,MAAM,SAAS,GAAG;AAC7B,YAAM,QAAQ,UAAQ,KAAK,UAAU,MAAM,UAAU,KAAK,CAAC;IAC7D,OAAO;AACL,WAAK,UAAU,UAAU,KAAK;IAChC;EACF;EAEQ,UAAU,MAAW,OAAa;AACxC,QAAI,KAAK,gBAAgB,WAAW;AAAG;AACvC,UAAM,eAAuB,CAAA;AAC7B,SAAK,gBAAgB,QAAQ,aAAU;AACrC,YAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,WAAK,YAAY,KAAK;AACtB,WAAK,UAAU,OAAO,MAAM,KAAK;AACjC,mBAAa,KAAK,KAAK;IACzB,CAAC;AACD,SAAK,UAAU,KAAK,IAAI;EAC1B;EAEQ,YAAS;AACf,SAAK,YAAY;AACjB,SAAK,YAAY,CAAA;AACjB,SAAK,UAAU,QAAQ,CAAC,MAAM,UAAU,KAAK,UAAU,MAAM,KAAK,CAAC;EACrE;;AAlEA,WAAA;EADC,UAAU,WAAW;;;AAUtB,WAAA;EADC,mBAAmB,WAAW;;;;;AAqB/B,WAAA;EADC;;;;;AA9BU,wBAAqB,WAAA;EADjC,cAAc,EAAE,MAAM,6BAA6B,SAAS,QAAO,CAAE;;GACzD,qBAAqB;",
+  "sourcesContent": ["import { attribute, elementDefine, innerHtml, onAttributeChanged } from '../index';\nimport { SwcHTMLTitleElementBase } from '../elements/base/SwcHTMLTitleElementBase';\n\n@elementDefine({ name: 'swc-for-of-children-title', extends: 'title' })\nexport class SwcForOfChildrenTitle extends SwcHTMLTitleElementBase {\n  @attribute('swc-value') _swcValue: any[] = [];\n  private _rowNodes: Node[][] = [];\n  @onAttributeChanged('swc-value') onValueChange() { if (!Array.isArray(this._swcValue)) this._swcValue = []; this._swcValue = this.createReactiveProxy(this._swcValue, () => this.renderAll(), (idx, v) => this.updateSingleRow(idx, v)); if (this._masterTplNodes.length === 0) this.initCore(); this.renderAll(); }\n  set swcValue(val: any[]) { this._swcValue = val; } get swcValue(): any[] { return this._swcValue; }\n  @innerHtml renderTemplate() { return `<slot id=\"tpl-slot\" style=\"display:none;\"></slot>`; }\n  connectedCallback() { this.initCore(); if (this._masterTplNodes.length > 0) { this.innerHTML = ''; this.renderAll(); } }\n  public updateSingleRow(index: number, newValue: any) { const nodes = this._rowNodes[index]; if (nodes && nodes.length > 0) { nodes.forEach(node => this.applyData(node, newValue, index)); } else { this.renderRow(newValue, index); } }\n  private renderRow(item: any, index: number) { if (this._masterTplNodes.length === 0) return; const currentNodes: Node[] = []; this._masterTplNodes.forEach(tplNode => { const clone = tplNode.cloneNode(true); this.appendChild(clone); this.applyData(clone, item, index); currentNodes.push(clone); }); this._rowNodes[index] = currentNodes; }\n  private renderAll() { this.innerHTML = ''; this._rowNodes = []; this._swcValue.forEach((item, index) => this.renderRow(item, index)); }\n}\n"],
+  "mappings": ";;;;;;;;;AAAA,SAAS,WAAW,eAAe,WAAW,0BAA0B;AACxE,SAAS,+BAA+B;AAGjC,IAAM,wBAAN,MAAMA,+BAA8B,wBAAuB;EAA3D,cAAA;;AACmB,SAAA,YAAmB,CAAA;AACnC,SAAA,YAAsB,CAAA;EAQhC;EAPmC,gBAAa;AAAK,QAAI,CAAC,MAAM,QAAQ,KAAK,SAAS;AAAG,WAAK,YAAY,CAAA;AAAI,SAAK,YAAY,KAAK,oBAAoB,KAAK,WAAW,MAAM,KAAK,UAAS,GAAI,CAAC,KAAK,MAAM,KAAK,gBAAgB,KAAK,CAAC,CAAC;AAAG,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AAAI,SAAK,UAAS;EAAI;EACnT,IAAI,SAAS,KAAU;AAAI,SAAK,YAAY;EAAK;EAAE,IAAI,WAAQ;AAAY,WAAO,KAAK;EAAW;EACvF,iBAAc;AAAK,WAAO;EAAqD;EAC1F,oBAAiB;AAAK,SAAK,SAAQ;AAAI,QAAI,KAAK,gBAAgB,SAAS,GAAG;AAAE,WAAK,YAAY;AAAI,WAAK,UAAS;IAAI;EAAE;EAChH,gBAAgB,OAAe,UAAa;AAAI,UAAM,QAAQ,KAAK,UAAU,KAAK;AAAG,QAAI,SAAS,MAAM,SAAS,GAAG;AAAE,YAAM,QAAQ,UAAQ,KAAK,UAAU,MAAM,UAAU,KAAK,CAAC;IAAG,OAAO;AAAE,WAAK,UAAU,UAAU,KAAK;IAAG;EAAE;EAC/N,UAAU,MAAW,OAAa;AAAI,QAAI,KAAK,gBAAgB,WAAW;AAAG;AAAQ,UAAM,eAAuB,CAAA;AAAI,SAAK,gBAAgB,QAAQ,aAAU;AAAG,YAAM,QAAQ,QAAQ,UAAU,IAAI;AAAG,WAAK,YAAY,KAAK;AAAG,WAAK,UAAU,OAAO,MAAM,KAAK;AAAG,mBAAa,KAAK,KAAK;IAAG,CAAC;AAAG,SAAK,UAAU,KAAK,IAAI;EAAc;EACxU,YAAS;AAAK,SAAK,YAAY;AAAI,SAAK,YAAY,CAAA;AAAI,SAAK,UAAU,QAAQ,CAAC,MAAM,UAAU,KAAK,UAAU,MAAM,KAAK,CAAC;EAAG;;AAR9G,WAAA;EAAvB,UAAU,WAAW;;;AAEW,WAAA;EAAhC,mBAAmB,WAAW;;;;;AAEpB,WAAA;EAAV;;;;;AALU,wBAAqB,WAAA;EADjC,cAAc,EAAE,MAAM,6BAA6B,SAAS,QAAO,CAAE;GACzD,qBAAqB;",
   "names": ["SwcForOfChildrenTitle"]
 }

package/dist/esm/is/SwcForOfChildrenTrack.js

@@ -8,10 +8,10 @@ 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 { SwcHTMLTrackElementBase } from "./SwcHTMLTrackElementBase.js";
+import { SwcHTMLTrackElementBase } from "../elements/base/SwcHTMLTrackElementBase.js";
 let SwcForOfChildrenTrack = class SwcForOfChildrenTrack2 extends SwcHTMLTrackElementBase {
   constructor() {
-    super();
+    super(...arguments);
     this._swcValue = [];
     this._rowNodes = [];
   }
@@ -82,8 +82,7 @@ __decorate([
   __metadata("design:returntype", void 0)
 ], SwcForOfChildrenTrack.prototype, "renderTemplate", null);
 SwcForOfChildrenTrack = __decorate([
-  elementDefine({ name: "swc-for-of-children-track", extends: "track" }),
-  __metadata("design:paramtypes", [])
+  elementDefine({ name: "swc-for-of-children-track", extends: "track" })
 ], SwcForOfChildrenTrack);
 export {
   SwcForOfChildrenTrack

package/dist/esm/is/SwcForOfChildrenTrack.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcForOfChildrenTrack.ts"],
-  "sourcesContent": ["import { attribute, elementDefine, innerHtml, onAttributeChanged } from '../index';\nimport { SwcHTMLTrackElementBase } from './SwcHTMLTrackElementBase';\n\n@elementDefine({ name: 'swc-for-of-children-track', extends: 'track' })\nexport class SwcForOfChildrenTrack extends SwcHTMLTrackElementBase {\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    this._swcValue = this.createReactiveProxy(\n      this._swcValue,\n      () => this.renderAll(),\n      (idx, v) => this.updateSingleRow(idx, v)\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\n  renderTemplate() {\n    return `<slot id=\"tpl-slot\" style=\"display:none;\"></slot>`;\n  }\n\n  connectedCallback() {\n    this.initCore();\n    if (this._masterTplNodes.length > 0) {\n      this.innerHTML = '';\n      this.renderAll();\n    }\n  }\n\n  public updateSingleRow(index: number, newValue: any) {\n    const nodes = this._rowNodes[index];\n    if (nodes && nodes.length > 0) {\n      nodes.forEach(node => this.applyData(node, newValue, index));\n    } else {\n      this.renderRow(newValue, index);\n    }\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    this._swcValue.forEach((item, index) => this.renderRow(item, index));\n  }\n}\n"],
-  "mappings": ";;;;;;;;;AAAA,SAAS,WAAW,eAAe,WAAW,0BAA0B;AACxE,SAAS,+BAA+B;AAGjC,IAAM,wBAAN,MAAMA,+BAA8B,wBAAuB;EAMhE,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,SAAK,YAAY,KAAK,oBACpB,KAAK,WACL,MAAM,KAAK,UAAS,GACpB,CAAC,KAAK,MAAM,KAAK,gBAAgB,KAAK,CAAC,CAAC;AAE1C,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;EACT;EAEA,oBAAiB;AACf,SAAK,SAAQ;AACb,QAAI,KAAK,gBAAgB,SAAS,GAAG;AACnC,WAAK,YAAY;AACjB,WAAK,UAAS;IAChB;EACF;EAEO,gBAAgB,OAAe,UAAa;AACjD,UAAM,QAAQ,KAAK,UAAU,KAAK;AAClC,QAAI,SAAS,MAAM,SAAS,GAAG;AAC7B,YAAM,QAAQ,UAAQ,KAAK,UAAU,MAAM,UAAU,KAAK,CAAC;IAC7D,OAAO;AACL,WAAK,UAAU,UAAU,KAAK;IAChC;EACF;EAEQ,UAAU,MAAW,OAAa;AACxC,QAAI,KAAK,gBAAgB,WAAW;AAAG;AACvC,UAAM,eAAuB,CAAA;AAC7B,SAAK,gBAAgB,QAAQ,aAAU;AACrC,YAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,WAAK,YAAY,KAAK;AACtB,WAAK,UAAU,OAAO,MAAM,KAAK;AACjC,mBAAa,KAAK,KAAK;IACzB,CAAC;AACD,SAAK,UAAU,KAAK,IAAI;EAC1B;EAEQ,YAAS;AACf,SAAK,YAAY;AACjB,SAAK,YAAY,CAAA;AACjB,SAAK,UAAU,QAAQ,CAAC,MAAM,UAAU,KAAK,UAAU,MAAM,KAAK,CAAC;EACrE;;AAlEA,WAAA;EADC,UAAU,WAAW;;;AAUtB,WAAA;EADC,mBAAmB,WAAW;;;;;AAqB/B,WAAA;EADC;;;;;AA9BU,wBAAqB,WAAA;EADjC,cAAc,EAAE,MAAM,6BAA6B,SAAS,QAAO,CAAE;;GACzD,qBAAqB;",
+  "sourcesContent": ["import { attribute, elementDefine, innerHtml, onAttributeChanged } from '../index';\nimport { SwcHTMLTrackElementBase } from '../elements/base/SwcHTMLTrackElementBase';\n\n@elementDefine({ name: 'swc-for-of-children-track', extends: 'track' })\nexport class SwcForOfChildrenTrack extends SwcHTMLTrackElementBase {\n  @attribute('swc-value') _swcValue: any[] = [];\n  private _rowNodes: Node[][] = [];\n  @onAttributeChanged('swc-value') onValueChange() { if (!Array.isArray(this._swcValue)) this._swcValue = []; this._swcValue = this.createReactiveProxy(this._swcValue, () => this.renderAll(), (idx, v) => this.updateSingleRow(idx, v)); if (this._masterTplNodes.length === 0) this.initCore(); this.renderAll(); }\n  set swcValue(val: any[]) { this._swcValue = val; } get swcValue(): any[] { return this._swcValue; }\n  @innerHtml renderTemplate() { return `<slot id=\"tpl-slot\" style=\"display:none;\"></slot>`; }\n  connectedCallback() { this.initCore(); if (this._masterTplNodes.length > 0) { this.innerHTML = ''; this.renderAll(); } }\n  public updateSingleRow(index: number, newValue: any) { const nodes = this._rowNodes[index]; if (nodes && nodes.length > 0) { nodes.forEach(node => this.applyData(node, newValue, index)); } else { this.renderRow(newValue, index); } }\n  private renderRow(item: any, index: number) { if (this._masterTplNodes.length === 0) return; const currentNodes: Node[] = []; this._masterTplNodes.forEach(tplNode => { const clone = tplNode.cloneNode(true); this.appendChild(clone); this.applyData(clone, item, index); currentNodes.push(clone); }); this._rowNodes[index] = currentNodes; }\n  private renderAll() { this.innerHTML = ''; this._rowNodes = []; this._swcValue.forEach((item, index) => this.renderRow(item, index)); }\n}\n"],
+  "mappings": ";;;;;;;;;AAAA,SAAS,WAAW,eAAe,WAAW,0BAA0B;AACxE,SAAS,+BAA+B;AAGjC,IAAM,wBAAN,MAAMA,+BAA8B,wBAAuB;EAA3D,cAAA;;AACmB,SAAA,YAAmB,CAAA;AACnC,SAAA,YAAsB,CAAA;EAQhC;EAPmC,gBAAa;AAAK,QAAI,CAAC,MAAM,QAAQ,KAAK,SAAS;AAAG,WAAK,YAAY,CAAA;AAAI,SAAK,YAAY,KAAK,oBAAoB,KAAK,WAAW,MAAM,KAAK,UAAS,GAAI,CAAC,KAAK,MAAM,KAAK,gBAAgB,KAAK,CAAC,CAAC;AAAG,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AAAI,SAAK,UAAS;EAAI;EACnT,IAAI,SAAS,KAAU;AAAI,SAAK,YAAY;EAAK;EAAE,IAAI,WAAQ;AAAY,WAAO,KAAK;EAAW;EACvF,iBAAc;AAAK,WAAO;EAAqD;EAC1F,oBAAiB;AAAK,SAAK,SAAQ;AAAI,QAAI,KAAK,gBAAgB,SAAS,GAAG;AAAE,WAAK,YAAY;AAAI,WAAK,UAAS;IAAI;EAAE;EAChH,gBAAgB,OAAe,UAAa;AAAI,UAAM,QAAQ,KAAK,UAAU,KAAK;AAAG,QAAI,SAAS,MAAM,SAAS,GAAG;AAAE,YAAM,QAAQ,UAAQ,KAAK,UAAU,MAAM,UAAU,KAAK,CAAC;IAAG,OAAO;AAAE,WAAK,UAAU,UAAU,KAAK;IAAG;EAAE;EAC/N,UAAU,MAAW,OAAa;AAAI,QAAI,KAAK,gBAAgB,WAAW;AAAG;AAAQ,UAAM,eAAuB,CAAA;AAAI,SAAK,gBAAgB,QAAQ,aAAU;AAAG,YAAM,QAAQ,QAAQ,UAAU,IAAI;AAAG,WAAK,YAAY,KAAK;AAAG,WAAK,UAAU,OAAO,MAAM,KAAK;AAAG,mBAAa,KAAK,KAAK;IAAG,CAAC;AAAG,SAAK,UAAU,KAAK,IAAI;EAAc;EACxU,YAAS;AAAK,SAAK,YAAY;AAAI,SAAK,YAAY,CAAA;AAAI,SAAK,UAAU,QAAQ,CAAC,MAAM,UAAU,KAAK,UAAU,MAAM,KAAK,CAAC;EAAG;;AAR9G,WAAA;EAAvB,UAAU,WAAW;;;AAEW,WAAA;EAAhC,mBAAmB,WAAW;;;;;AAEpB,WAAA;EAAV;;;;;AALU,wBAAqB,WAAA;EADjC,cAAc,EAAE,MAAM,6BAA6B,SAAS,QAAO,CAAE;GACzD,qBAAqB;",
   "names": ["SwcForOfChildrenTrack"]
 }

package/dist/esm/is/SwcForOfChildrenUl.js

@@ -8,10 +8,10 @@ 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 { SwcHTMLUListElementBase } from "./SwcHTMLUListElementBase.js";
+import { SwcHTMLUListElementBase } from "../elements/base/SwcHTMLUListElementBase.js";
 let SwcForOfChildrenUl = class SwcForOfChildrenUl2 extends SwcHTMLUListElementBase {
   constructor() {
-    super();
+    super(...arguments);
     this._swcValue = [];
     this._rowNodes = [];
   }
@@ -82,8 +82,7 @@ __decorate([
   __metadata("design:returntype", void 0)
 ], SwcForOfChildrenUl.prototype, "renderTemplate", null);
 SwcForOfChildrenUl = __decorate([
-  elementDefine({ name: "swc-for-of-children-ul", extends: "ul" }),
-  __metadata("design:paramtypes", [])
+  elementDefine({ name: "swc-for-of-children-ul", extends: "ul" })
 ], SwcForOfChildrenUl);
 export {
   SwcForOfChildrenUl

package/dist/esm/is/SwcForOfChildrenUl.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcForOfChildrenUl.ts"],
-  "sourcesContent": ["import { attribute, elementDefine, innerHtml, onAttributeChanged } from '../index';\nimport { SwcHTMLUListElementBase } from './SwcHTMLUListElementBase';\n\n@elementDefine({ name: 'swc-for-of-children-ul', extends: 'ul' })\nexport class SwcForOfChildrenUl extends SwcHTMLUListElementBase {\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    this._swcValue = this.createReactiveProxy(\n      this._swcValue,\n      () => this.renderAll(),\n      (idx, v) => this.updateSingleRow(idx, v)\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\n  renderTemplate() {\n    return `<slot id=\"tpl-slot\" style=\"display:none;\"></slot>`;\n  }\n\n  connectedCallback() {\n    this.initCore();\n    if (this._masterTplNodes.length > 0) {\n      this.innerHTML = '';\n      this.renderAll();\n    }\n  }\n\n  public updateSingleRow(index: number, newValue: any) {\n    const nodes = this._rowNodes[index];\n    if (nodes && nodes.length > 0) {\n      nodes.forEach(node => this.applyData(node, newValue, index));\n    } else {\n      this.renderRow(newValue, index);\n    }\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    this._swcValue.forEach((item, index) => this.renderRow(item, index));\n  }\n}\n"],
-  "mappings": ";;;;;;;;;AAAA,SAAS,WAAW,eAAe,WAAW,0BAA0B;AACxE,SAAS,+BAA+B;AAGjC,IAAM,qBAAN,MAAMA,4BAA2B,wBAAuB;EAM7D,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,SAAK,YAAY,KAAK,oBACpB,KAAK,WACL,MAAM,KAAK,UAAS,GACpB,CAAC,KAAK,MAAM,KAAK,gBAAgB,KAAK,CAAC,CAAC;AAE1C,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;EACT;EAEA,oBAAiB;AACf,SAAK,SAAQ;AACb,QAAI,KAAK,gBAAgB,SAAS,GAAG;AACnC,WAAK,YAAY;AACjB,WAAK,UAAS;IAChB;EACF;EAEO,gBAAgB,OAAe,UAAa;AACjD,UAAM,QAAQ,KAAK,UAAU,KAAK;AAClC,QAAI,SAAS,MAAM,SAAS,GAAG;AAC7B,YAAM,QAAQ,UAAQ,KAAK,UAAU,MAAM,UAAU,KAAK,CAAC;IAC7D,OAAO;AACL,WAAK,UAAU,UAAU,KAAK;IAChC;EACF;EAEQ,UAAU,MAAW,OAAa;AACxC,QAAI,KAAK,gBAAgB,WAAW;AAAG;AACvC,UAAM,eAAuB,CAAA;AAC7B,SAAK,gBAAgB,QAAQ,aAAU;AACrC,YAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,WAAK,YAAY,KAAK;AACtB,WAAK,UAAU,OAAO,MAAM,KAAK;AACjC,mBAAa,KAAK,KAAK;IACzB,CAAC;AACD,SAAK,UAAU,KAAK,IAAI;EAC1B;EAEQ,YAAS;AACf,SAAK,YAAY;AACjB,SAAK,YAAY,CAAA;AACjB,SAAK,UAAU,QAAQ,CAAC,MAAM,UAAU,KAAK,UAAU,MAAM,KAAK,CAAC;EACrE;;AAlEA,WAAA;EADC,UAAU,WAAW;;;AAUtB,WAAA;EADC,mBAAmB,WAAW;;;;;AAqB/B,WAAA;EADC;;;;;AA9BU,qBAAkB,WAAA;EAD9B,cAAc,EAAE,MAAM,0BAA0B,SAAS,KAAI,CAAE;;GACnD,kBAAkB;",
+  "sourcesContent": ["import { attribute, elementDefine, innerHtml, onAttributeChanged } from '../index';\nimport { SwcHTMLUListElementBase } from '../elements/base/SwcHTMLUListElementBase';\n\n@elementDefine({ name: 'swc-for-of-children-ul', extends: 'ul' })\nexport class SwcForOfChildrenUl extends SwcHTMLUListElementBase {\n  @attribute('swc-value') _swcValue: any[] = [];\n  private _rowNodes: Node[][] = [];\n  @onAttributeChanged('swc-value') onValueChange() { if (!Array.isArray(this._swcValue)) this._swcValue = []; this._swcValue = this.createReactiveProxy(this._swcValue, () => this.renderAll(), (idx, v) => this.updateSingleRow(idx, v)); if (this._masterTplNodes.length === 0) this.initCore(); this.renderAll(); }\n  set swcValue(val: any[]) { this._swcValue = val; } get swcValue(): any[] { return this._swcValue; }\n  @innerHtml renderTemplate() { return `<slot id=\"tpl-slot\" style=\"display:none;\"></slot>`; }\n  connectedCallback() { this.initCore(); if (this._masterTplNodes.length > 0) { this.innerHTML = ''; this.renderAll(); } }\n  public updateSingleRow(index: number, newValue: any) { const nodes = this._rowNodes[index]; if (nodes && nodes.length > 0) { nodes.forEach(node => this.applyData(node, newValue, index)); } else { this.renderRow(newValue, index); } }\n  private renderRow(item: any, index: number) { if (this._masterTplNodes.length === 0) return; const currentNodes: Node[] = []; this._masterTplNodes.forEach(tplNode => { const clone = tplNode.cloneNode(true); this.appendChild(clone); this.applyData(clone, item, index); currentNodes.push(clone); }); this._rowNodes[index] = currentNodes; }\n  private renderAll() { this.innerHTML = ''; this._rowNodes = []; this._swcValue.forEach((item, index) => this.renderRow(item, index)); }\n}\n"],
+  "mappings": ";;;;;;;;;AAAA,SAAS,WAAW,eAAe,WAAW,0BAA0B;AACxE,SAAS,+BAA+B;AAGjC,IAAM,qBAAN,MAAMA,4BAA2B,wBAAuB;EAAxD,cAAA;;AACmB,SAAA,YAAmB,CAAA;AACnC,SAAA,YAAsB,CAAA;EAQhC;EAPmC,gBAAa;AAAK,QAAI,CAAC,MAAM,QAAQ,KAAK,SAAS;AAAG,WAAK,YAAY,CAAA;AAAI,SAAK,YAAY,KAAK,oBAAoB,KAAK,WAAW,MAAM,KAAK,UAAS,GAAI,CAAC,KAAK,MAAM,KAAK,gBAAgB,KAAK,CAAC,CAAC;AAAG,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AAAI,SAAK,UAAS;EAAI;EACnT,IAAI,SAAS,KAAU;AAAI,SAAK,YAAY;EAAK;EAAE,IAAI,WAAQ;AAAY,WAAO,KAAK;EAAW;EACvF,iBAAc;AAAK,WAAO;EAAqD;EAC1F,oBAAiB;AAAK,SAAK,SAAQ;AAAI,QAAI,KAAK,gBAAgB,SAAS,GAAG;AAAE,WAAK,YAAY;AAAI,WAAK,UAAS;IAAI;EAAE;EAChH,gBAAgB,OAAe,UAAa;AAAI,UAAM,QAAQ,KAAK,UAAU,KAAK;AAAG,QAAI,SAAS,MAAM,SAAS,GAAG;AAAE,YAAM,QAAQ,UAAQ,KAAK,UAAU,MAAM,UAAU,KAAK,CAAC;IAAG,OAAO;AAAE,WAAK,UAAU,UAAU,KAAK;IAAG;EAAE;EAC/N,UAAU,MAAW,OAAa;AAAI,QAAI,KAAK,gBAAgB,WAAW;AAAG;AAAQ,UAAM,eAAuB,CAAA;AAAI,SAAK,gBAAgB,QAAQ,aAAU;AAAG,YAAM,QAAQ,QAAQ,UAAU,IAAI;AAAG,WAAK,YAAY,KAAK;AAAG,WAAK,UAAU,OAAO,MAAM,KAAK;AAAG,mBAAa,KAAK,KAAK;IAAG,CAAC;AAAG,SAAK,UAAU,KAAK,IAAI;EAAc;EACxU,YAAS;AAAK,SAAK,YAAY;AAAI,SAAK,YAAY,CAAA;AAAI,SAAK,UAAU,QAAQ,CAAC,MAAM,UAAU,KAAK,UAAU,MAAM,KAAK,CAAC;EAAG;;AAR9G,WAAA;EAAvB,UAAU,WAAW;;;AAEW,WAAA;EAAhC,mBAAmB,WAAW;;;;;AAEpB,WAAA;EAAV;;;;;AALU,qBAAkB,WAAA;EAD9B,cAAc,EAAE,MAAM,0BAA0B,SAAS,KAAI,CAAE;GACnD,kBAAkB;",
   "names": ["SwcForOfChildrenUl"]
 }

package/dist/esm/is/SwcForOfChildrenVideo.js

@@ -8,10 +8,10 @@ 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 { SwcHTMLVideoElementBase } from "./SwcHTMLVideoElementBase.js";
+import { SwcHTMLVideoElementBase } from "../elements/base/SwcHTMLVideoElementBase.js";
 let SwcForOfChildrenVideo = class SwcForOfChildrenVideo2 extends SwcHTMLVideoElementBase {
   constructor() {
-    super();
+    super(...arguments);
     this._swcValue = [];
     this._rowNodes = [];
   }
@@ -82,8 +82,7 @@ __decorate([
   __metadata("design:returntype", void 0)
 ], SwcForOfChildrenVideo.prototype, "renderTemplate", null);
 SwcForOfChildrenVideo = __decorate([
-  elementDefine({ name: "swc-for-of-children-video", extends: "video" }),
-  __metadata("design:paramtypes", [])
+  elementDefine({ name: "swc-for-of-children-video", extends: "video" })
 ], SwcForOfChildrenVideo);
 export {
   SwcForOfChildrenVideo

package/dist/esm/is/SwcForOfChildrenVideo.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcForOfChildrenVideo.ts"],
-  "sourcesContent": ["import { attribute, elementDefine, innerHtml, onAttributeChanged } from '../index';\nimport { SwcHTMLVideoElementBase } from './SwcHTMLVideoElementBase';\n\n@elementDefine({ name: 'swc-for-of-children-video', extends: 'video' })\nexport class SwcForOfChildrenVideo extends SwcHTMLVideoElementBase {\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    this._swcValue = this.createReactiveProxy(\n      this._swcValue,\n      () => this.renderAll(),\n      (idx, v) => this.updateSingleRow(idx, v)\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\n  renderTemplate() {\n    return `<slot id=\"tpl-slot\" style=\"display:none;\"></slot>`;\n  }\n\n  connectedCallback() {\n    this.initCore();\n    if (this._masterTplNodes.length > 0) {\n      this.innerHTML = '';\n      this.renderAll();\n    }\n  }\n\n  public updateSingleRow(index: number, newValue: any) {\n    const nodes = this._rowNodes[index];\n    if (nodes && nodes.length > 0) {\n      nodes.forEach(node => this.applyData(node, newValue, index));\n    } else {\n      this.renderRow(newValue, index);\n    }\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    this._swcValue.forEach((item, index) => this.renderRow(item, index));\n  }\n}\n"],
-  "mappings": ";;;;;;;;;AAAA,SAAS,WAAW,eAAe,WAAW,0BAA0B;AACxE,SAAS,+BAA+B;AAGjC,IAAM,wBAAN,MAAMA,+BAA8B,wBAAuB;EAMhE,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,SAAK,YAAY,KAAK,oBACpB,KAAK,WACL,MAAM,KAAK,UAAS,GACpB,CAAC,KAAK,MAAM,KAAK,gBAAgB,KAAK,CAAC,CAAC;AAE1C,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;EACT;EAEA,oBAAiB;AACf,SAAK,SAAQ;AACb,QAAI,KAAK,gBAAgB,SAAS,GAAG;AACnC,WAAK,YAAY;AACjB,WAAK,UAAS;IAChB;EACF;EAEO,gBAAgB,OAAe,UAAa;AACjD,UAAM,QAAQ,KAAK,UAAU,KAAK;AAClC,QAAI,SAAS,MAAM,SAAS,GAAG;AAC7B,YAAM,QAAQ,UAAQ,KAAK,UAAU,MAAM,UAAU,KAAK,CAAC;IAC7D,OAAO;AACL,WAAK,UAAU,UAAU,KAAK;IAChC;EACF;EAEQ,UAAU,MAAW,OAAa;AACxC,QAAI,KAAK,gBAAgB,WAAW;AAAG;AACvC,UAAM,eAAuB,CAAA;AAC7B,SAAK,gBAAgB,QAAQ,aAAU;AACrC,YAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,WAAK,YAAY,KAAK;AACtB,WAAK,UAAU,OAAO,MAAM,KAAK;AACjC,mBAAa,KAAK,KAAK;IACzB,CAAC;AACD,SAAK,UAAU,KAAK,IAAI;EAC1B;EAEQ,YAAS;AACf,SAAK,YAAY;AACjB,SAAK,YAAY,CAAA;AACjB,SAAK,UAAU,QAAQ,CAAC,MAAM,UAAU,KAAK,UAAU,MAAM,KAAK,CAAC;EACrE;;AAlEA,WAAA;EADC,UAAU,WAAW;;;AAUtB,WAAA;EADC,mBAAmB,WAAW;;;;;AAqB/B,WAAA;EADC;;;;;AA9BU,wBAAqB,WAAA;EADjC,cAAc,EAAE,MAAM,6BAA6B,SAAS,QAAO,CAAE;;GACzD,qBAAqB;",
+  "sourcesContent": ["import { attribute, elementDefine, innerHtml, onAttributeChanged } from '../index';\nimport { SwcHTMLVideoElementBase } from '../elements/base/SwcHTMLVideoElementBase';\n\n@elementDefine({ name: 'swc-for-of-children-video', extends: 'video' })\nexport class SwcForOfChildrenVideo extends SwcHTMLVideoElementBase {\n  @attribute('swc-value') _swcValue: any[] = [];\n  private _rowNodes: Node[][] = [];\n  @onAttributeChanged('swc-value') onValueChange() { if (!Array.isArray(this._swcValue)) this._swcValue = []; this._swcValue = this.createReactiveProxy(this._swcValue, () => this.renderAll(), (idx, v) => this.updateSingleRow(idx, v)); if (this._masterTplNodes.length === 0) this.initCore(); this.renderAll(); }\n  set swcValue(val: any[]) { this._swcValue = val; } get swcValue(): any[] { return this._swcValue; }\n  @innerHtml renderTemplate() { return `<slot id=\"tpl-slot\" style=\"display:none;\"></slot>`; }\n  connectedCallback() { this.initCore(); if (this._masterTplNodes.length > 0) { this.innerHTML = ''; this.renderAll(); } }\n  public updateSingleRow(index: number, newValue: any) { const nodes = this._rowNodes[index]; if (nodes && nodes.length > 0) { nodes.forEach(node => this.applyData(node, newValue, index)); } else { this.renderRow(newValue, index); } }\n  private renderRow(item: any, index: number) { if (this._masterTplNodes.length === 0) return; const currentNodes: Node[] = []; this._masterTplNodes.forEach(tplNode => { const clone = tplNode.cloneNode(true); this.appendChild(clone); this.applyData(clone, item, index); currentNodes.push(clone); }); this._rowNodes[index] = currentNodes; }\n  private renderAll() { this.innerHTML = ''; this._rowNodes = []; this._swcValue.forEach((item, index) => this.renderRow(item, index)); }\n}\n"],
+  "mappings": ";;;;;;;;;AAAA,SAAS,WAAW,eAAe,WAAW,0BAA0B;AACxE,SAAS,+BAA+B;AAGjC,IAAM,wBAAN,MAAMA,+BAA8B,wBAAuB;EAA3D,cAAA;;AACmB,SAAA,YAAmB,CAAA;AACnC,SAAA,YAAsB,CAAA;EAQhC;EAPmC,gBAAa;AAAK,QAAI,CAAC,MAAM,QAAQ,KAAK,SAAS;AAAG,WAAK,YAAY,CAAA;AAAI,SAAK,YAAY,KAAK,oBAAoB,KAAK,WAAW,MAAM,KAAK,UAAS,GAAI,CAAC,KAAK,MAAM,KAAK,gBAAgB,KAAK,CAAC,CAAC;AAAG,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AAAI,SAAK,UAAS;EAAI;EACnT,IAAI,SAAS,KAAU;AAAI,SAAK,YAAY;EAAK;EAAE,IAAI,WAAQ;AAAY,WAAO,KAAK;EAAW;EACvF,iBAAc;AAAK,WAAO;EAAqD;EAC1F,oBAAiB;AAAK,SAAK,SAAQ;AAAI,QAAI,KAAK,gBAAgB,SAAS,GAAG;AAAE,WAAK,YAAY;AAAI,WAAK,UAAS;IAAI;EAAE;EAChH,gBAAgB,OAAe,UAAa;AAAI,UAAM,QAAQ,KAAK,UAAU,KAAK;AAAG,QAAI,SAAS,MAAM,SAAS,GAAG;AAAE,YAAM,QAAQ,UAAQ,KAAK,UAAU,MAAM,UAAU,KAAK,CAAC;IAAG,OAAO;AAAE,WAAK,UAAU,UAAU,KAAK;IAAG;EAAE;EAC/N,UAAU,MAAW,OAAa;AAAI,QAAI,KAAK,gBAAgB,WAAW;AAAG;AAAQ,UAAM,eAAuB,CAAA;AAAI,SAAK,gBAAgB,QAAQ,aAAU;AAAG,YAAM,QAAQ,QAAQ,UAAU,IAAI;AAAG,WAAK,YAAY,KAAK;AAAG,WAAK,UAAU,OAAO,MAAM,KAAK;AAAG,mBAAa,KAAK,KAAK;IAAG,CAAC;AAAG,SAAK,UAAU,KAAK,IAAI;EAAc;EACxU,YAAS;AAAK,SAAK,YAAY;AAAI,SAAK,YAAY,CAAA;AAAI,SAAK,UAAU,QAAQ,CAAC,MAAM,UAAU,KAAK,UAAU,MAAM,KAAK,CAAC;EAAG;;AAR9G,WAAA;EAAvB,UAAU,WAAW;;;AAEW,WAAA;EAAhC,mBAAmB,WAAW;;;;;AAEpB,WAAA;EAAV;;;;;AALU,wBAAqB,WAAA;EADjC,cAAc,EAAE,MAAM,6BAA6B,SAAS,QAAO,CAAE;GACzD,qBAAqB;",
   "names": ["SwcForOfChildrenVideo"]
 }

package/dist/esm/is/SwcForOfData.js

@@ -8,10 +8,10 @@ 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 { SwcHTMLDataElementBase } from "./SwcHTMLDataElementBase.js";
+import { SwcHTMLDataElementBase } from "../elements/base/SwcHTMLDataElementBase.js";
 let SwcForOfData = class SwcForOfData2 extends SwcHTMLDataElementBase {
   constructor() {
-    super();
+    super(...arguments);
     this._placeholder = document.createComment("swc-for-of-placeholder");
     this._isShowing = true;
     this._isConnected = false;
@@ -124,8 +124,7 @@ __decorate([
   __metadata("design:returntype", void 0)
 ], SwcForOfData.prototype, "renderTemplate", null);
 SwcForOfData = __decorate([
-  elementDefine({ name: "swc-for-of-data", extends: "data" }),
-  __metadata("design:paramtypes", [])
+  elementDefine({ name: "swc-for-of-data", extends: "data" })
 ], SwcForOfData);
 export {
   SwcForOfData

package/dist/esm/is/SwcForOfData.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcForOfData.ts"],
-  "sourcesContent": ["import { attribute, elementDefine, innerHtml, onAttributeChanged } from '../index';\nimport { SwcHTMLDataElementBase } from './SwcHTMLDataElementBase';\n\n@elementDefine({ name: 'swc-for-of-data', extends: 'data' })\nexport class SwcForOfData extends SwcHTMLDataElementBase {\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    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._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\n  renderTemplate() {\n    return `<slot id=\"tpl-slot\" style=\"display:none;\"></slot>`;\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    const hasData = Array.isArray(this._swcValue) && this._swcValue.length > 0;\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 {\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    this._rowNodes[index].forEach(node => (node as Element).remove());\n    this._rowNodes.splice(index, 1);\n    this._swcValue.splice(index, 1);\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    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    this._swcValue.forEach((item, index) => this.renderRow(item, index));\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { attribute, elementDefine, innerHtml, onAttributeChanged } from '../index';\nimport { SwcHTMLDataElementBase } from '../elements/base/SwcHTMLDataElementBase';\n\n@elementDefine({ name: 'swc-for-of-data', extends: 'data' })\nexport class SwcForOfData extends SwcHTMLDataElementBase {\n  private _placeholder = document.createComment(\"swc-for-of-placeholder\");\n  private _isShowing = true; private _isConnected = false;\n  @attribute('swc-value') _swcValue: any[] = [];\n  private _rowNodes: Node[][] = [];\n  @onAttributeChanged('swc-value') onValueChange() { if (!Array.isArray(this._swcValue)) this._swcValue = []; if (!(this._swcValue as any).__swc_is_proxy) { this._swcValue = this.createReactiveProxy(this._swcValue, () => this.renderAll(), (idx, v) => this.updateSingleRow(idx, v)); } if (this._isConnected) { if (this._masterTplNodes.length === 0) this.initCore(); this.evaluate(); } }\n  set swcValue(val: any[]) { this._swcValue = val; } get swcValue(): any[] { return this._swcValue; }\n  @innerHtml renderTemplate() { return `<slot id=\"tpl-slot\" style=\"display:none;\"></slot>`; }\n  connectedCallback() { this._isConnected = true; this.initCore(); this.evaluate(); }\n  private evaluate() { if (this._masterTplNodes.length === 0) this.initCore(); const hasData = Array.isArray(this._swcValue) && this._swcValue.length > 0; if (!hasData && this._isShowing) { if (this.parentNode) { this.parentNode.insertBefore(this._placeholder, this); this.remove(); this._isShowing = false; } } else if (hasData) { if (!this._isShowing) { if (this._placeholder.parentNode) { this._placeholder.parentNode.insertBefore(this, this._placeholder); this._placeholder.remove(); this._isShowing = true; } } this.renderAll(); } }\n  public updateSingleRow(index: number, newValue: any) { if (!this._isShowing) return; const nodes = this._rowNodes[index]; if (nodes && nodes.length > 0) { nodes.forEach(node => this.applyData(node, newValue, index)); } else { this.renderRow(newValue, index); } }\n  public addRow(item: any) { this._swcValue.push(item); }\n  public removeRow(index: number) { if (index < 0 || index >= this._rowNodes.length) return; this._rowNodes[index].forEach(node => (node as Element).remove()); this._rowNodes.splice(index, 1); this._swcValue.splice(index, 1); for (let i = index; i < this._rowNodes.length; i++) { this._rowNodes[i].forEach(node => this.applyData(node, this._swcValue[i], i)); } this.evaluate(); }\n  private renderRow(item: any, index: number) { if (this._masterTplNodes.length === 0) return; const currentNodes: Node[] = []; this._masterTplNodes.forEach(tplNode => { const clone = tplNode.cloneNode(true); this.appendChild(clone); this.applyData(clone, item, index); currentNodes.push(clone); }); this._rowNodes[index] = currentNodes; }\n  private renderAll() { this.innerHTML = ''; this._rowNodes = []; this._swcValue.forEach((item, index) => this.renderRow(item, index)); }\n}\n"],
+  "mappings": "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",
   "names": ["SwcForOfData"]
 }

package/dist/esm/is/SwcForOfDataList.js

@@ -8,10 +8,10 @@ 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 { SwcHTMLDataListElementBase } from "./SwcHTMLDataListElementBase.js";
+import { SwcHTMLDataListElementBase } from "../elements/base/SwcHTMLDataListElementBase.js";
 let SwcForOfDataList = class SwcForOfDataList2 extends SwcHTMLDataListElementBase {
   constructor() {
-    super();
+    super(...arguments);
     this._placeholder = document.createComment("swc-for-of-placeholder");
     this._isShowing = true;
     this._isConnected = false;
@@ -124,8 +124,7 @@ __decorate([
   __metadata("design:returntype", void 0)
 ], SwcForOfDataList.prototype, "renderTemplate", null);
 SwcForOfDataList = __decorate([
-  elementDefine({ name: "swc-for-of-datalist", extends: "datalist" }),
-  __metadata("design:paramtypes", [])
+  elementDefine({ name: "swc-for-of-datalist", extends: "datalist" })
 ], SwcForOfDataList);
 export {
   SwcForOfDataList

package/dist/esm/is/SwcForOfDataList.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcForOfDataList.ts"],
-  "sourcesContent": ["import { attribute, elementDefine, innerHtml, onAttributeChanged } from '../index';\nimport { SwcHTMLDataListElementBase } from './SwcHTMLDataListElementBase';\n\n@elementDefine({ name: 'swc-for-of-datalist', extends: 'datalist' })\nexport class SwcForOfDataList extends SwcHTMLDataListElementBase {\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    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._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\n  renderTemplate() {\n    return `<slot id=\"tpl-slot\" style=\"display:none;\"></slot>`;\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    const hasData = Array.isArray(this._swcValue) && this._swcValue.length > 0;\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 {\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    this._rowNodes[index].forEach(node => (node as Element).remove());\n    this._rowNodes.splice(index, 1);\n    this._swcValue.splice(index, 1);\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    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    this._swcValue.forEach((item, index) => this.renderRow(item, index));\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { attribute, elementDefine, innerHtml, onAttributeChanged } from '../index';\nimport { SwcHTMLDataListElementBase } from '../elements/base/SwcHTMLDataListElementBase';\n\n@elementDefine({ name: 'swc-for-of-datalist', extends: 'datalist' })\nexport class SwcForOfDataList extends SwcHTMLDataListElementBase {\n  private _placeholder = document.createComment(\"swc-for-of-placeholder\");\n  private _isShowing = true; private _isConnected = false;\n  @attribute('swc-value') _swcValue: any[] = [];\n  private _rowNodes: Node[][] = [];\n  @onAttributeChanged('swc-value') onValueChange() { if (!Array.isArray(this._swcValue)) this._swcValue = []; if (!(this._swcValue as any).__swc_is_proxy) { this._swcValue = this.createReactiveProxy(this._swcValue, () => this.renderAll(), (idx, v) => this.updateSingleRow(idx, v)); } if (this._isConnected) { if (this._masterTplNodes.length === 0) this.initCore(); this.evaluate(); } }\n  set swcValue(val: any[]) { this._swcValue = val; } get swcValue(): any[] { return this._swcValue; }\n  @innerHtml renderTemplate() { return `<slot id=\"tpl-slot\" style=\"display:none;\"></slot>`; }\n  connectedCallback() { this._isConnected = true; this.initCore(); this.evaluate(); }\n  private evaluate() { if (this._masterTplNodes.length === 0) this.initCore(); const hasData = Array.isArray(this._swcValue) && this._swcValue.length > 0; if (!hasData && this._isShowing) { if (this.parentNode) { this.parentNode.insertBefore(this._placeholder, this); this.remove(); this._isShowing = false; } } else if (hasData) { if (!this._isShowing) { if (this._placeholder.parentNode) { this._placeholder.parentNode.insertBefore(this, this._placeholder); this._placeholder.remove(); this._isShowing = true; } } this.renderAll(); } }\n  public updateSingleRow(index: number, newValue: any) { if (!this._isShowing) return; const nodes = this._rowNodes[index]; if (nodes && nodes.length > 0) { nodes.forEach(node => this.applyData(node, newValue, index)); } else { this.renderRow(newValue, index); } }\n  public addRow(item: any) { this._swcValue.push(item); }\n  public removeRow(index: number) { if (index < 0 || index >= this._rowNodes.length) return; this._rowNodes[index].forEach(node => (node as Element).remove()); this._rowNodes.splice(index, 1); this._swcValue.splice(index, 1); for (let i = index; i < this._rowNodes.length; i++) { this._rowNodes[i].forEach(node => this.applyData(node, this._swcValue[i], i)); } this.evaluate(); }\n  private renderRow(item: any, index: number) { if (this._masterTplNodes.length === 0) return; const currentNodes: Node[] = []; this._masterTplNodes.forEach(tplNode => { const clone = tplNode.cloneNode(true); this.appendChild(clone); this.applyData(clone, item, index); currentNodes.push(clone); }); this._rowNodes[index] = currentNodes; }\n  private renderAll() { this.innerHTML = ''; this._rowNodes = []; this._swcValue.forEach((item, index) => this.renderRow(item, index)); }\n}\n"],
+  "mappings": "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",
   "names": ["SwcForOfDataList"]
 }

package/dist/esm/is/SwcForOfDetails.js

@@ -8,10 +8,10 @@ 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 { SwcHTMLDetailsElementBase } from "./SwcHTMLDetailsElementBase.js";
+import { SwcHTMLDetailsElementBase } from "../elements/base/SwcHTMLDetailsElementBase.js";
 let SwcForOfDetails = class SwcForOfDetails2 extends SwcHTMLDetailsElementBase {
   constructor() {
-    super();
+    super(...arguments);
     this._placeholder = document.createComment("swc-for-of-placeholder");
     this._isShowing = true;
     this._isConnected = false;
@@ -124,8 +124,7 @@ __decorate([
   __metadata("design:returntype", void 0)
 ], SwcForOfDetails.prototype, "renderTemplate", null);
 SwcForOfDetails = __decorate([
-  elementDefine({ name: "swc-for-of-details", extends: "details" }),
-  __metadata("design:paramtypes", [])
+  elementDefine({ name: "swc-for-of-details", extends: "details" })
 ], SwcForOfDetails);
 export {
   SwcForOfDetails