@dooboostore/simple-web-component 1.0.6 → 1.0.8

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcIfSpan.ts"],
-  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLSpanElementBase } from './SwcHTMLSpanElementBase';\n\n@elementDefine({ name: 'swc-if-span', extends: 'span' })\nexport class SwcIfSpan extends SwcHTMLSpanElementBase {\n  private _swcValue: any = false;\n\n  constructor() {\n    super();\n  }\n\n  set swcValue(val: any) {\n    this._swcValue = val;\n    if (this._masterTplNodes.length === 0) this.initCore();\n    this.render();\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.render();\n    }\n  }\n\n  private render() {\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    this.innerHTML = '';\n    if (isTruthy && this._masterTplNodes.length > 0) {\n      this._masterTplNodes.forEach(tplNode => {\n        const clone = tplNode.cloneNode(true) as HTMLElement;\n        if (clone.style) clone.style.display = 'contents';\n        this.appendChild(clone);\n        this.applyData(clone, this._swcValue);\n      });\n    }\n  }\n}\n"],
-  "mappings": ";;;;;;;;;AAAA,SAAS,eAAe,iBAAiB;AACzC,SAAS,8BAA8B;AAGhC,IAAM,YAAN,MAAMA,mBAAkB,uBAAsB;EAGnD,cAAA;AACE,UAAK;AAHC,SAAA,YAAiB;EAIzB;EAEA,IAAI,SAAS,KAAQ;AACnB,SAAK,YAAY;AACjB,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AACpD,SAAK,OAAM;EACb;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,OAAM;IACb;EACF;EAEQ,SAAM;AACZ,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,YAAY,YAAY,EAAC;QACrD,SAAS,GAAG;AACV,qBAAW;QACb;MACF;IACF;AAEA,SAAK,YAAY;AACjB,QAAI,YAAY,KAAK,gBAAgB,SAAS,GAAG;AAC/C,WAAK,gBAAgB,QAAQ,aAAU;AACrC,cAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,YAAI,MAAM;AAAO,gBAAM,MAAM,UAAU;AACvC,aAAK,YAAY,KAAK;AACtB,aAAK,UAAU,OAAO,KAAK,SAAS;MACtC,CAAC;IACH;EACF;;AAtCA,WAAA;EADC;;;;;AAjBU,YAAS,WAAA;EADrB,cAAc,EAAE,MAAM,eAAe,SAAS,OAAM,CAAE;;GAC1C,SAAS;",
+  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLSpanElementBase } from './SwcHTMLSpanElementBase';\n\n@elementDefine({ name: 'swc-if-span', extends: 'span' })\nexport class SwcIfSpan extends SwcHTMLSpanElementBase {\n  private _swcValue: any = false;\n\n  constructor() {\n    super();\n  }\n\n  set swcValue(val: any) {\n    this._swcValue = val;\n    if (this._masterTplNodes.length === 0) this.initCore();\n    this.render();\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.render();\n    }\n  }\n\n  private render() {\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    this.innerHTML = '';\n    if (isTruthy && this._masterTplNodes.length > 0) {\n      this._masterTplNodes.forEach(tplNode => {\n        const clone = tplNode.cloneNode(true) as HTMLElement;\n        this.appendChild(clone);\n        if (clone.style) clone.style.display = 'contents';\n        this.applyData(clone, this._swcValue);\n      });\n    }\n  }\n}\n"],
+  "mappings": ";;;;;;;;;AAAA,SAAS,eAAe,iBAAiB;AACzC,SAAS,8BAA8B;AAGhC,IAAM,YAAN,MAAMA,mBAAkB,uBAAsB;EAGnD,cAAA;AACE,UAAK;AAHC,SAAA,YAAiB;EAIzB;EAEA,IAAI,SAAS,KAAQ;AACnB,SAAK,YAAY;AACjB,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AACpD,SAAK,OAAM;EACb;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,OAAM;IACb;EACF;EAEQ,SAAM;AACZ,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,YAAY,YAAY,EAAC;QACrD,SAAS,GAAG;AACV,qBAAW;QACb;MACF;IACF;AAEA,SAAK,YAAY;AACjB,QAAI,YAAY,KAAK,gBAAgB,SAAS,GAAG;AAC/C,WAAK,gBAAgB,QAAQ,aAAU;AACrC,cAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,aAAK,YAAY,KAAK;AACtB,YAAI,MAAM;AAAO,gBAAM,MAAM,UAAU;AACvC,aAAK,UAAU,OAAO,KAAK,SAAS;MACtC,CAAC;IACH;EACF;;AAtCA,WAAA;EADC;;;;;AAjBU,YAAS,WAAA;EADrB,cAAc,EAAE,MAAM,eAAe,SAAS,OAAM,CAAE;;GAC1C,SAAS;",
   "names": ["SwcIfSpan"]
 }

package/dist/esm/is/SwcIfStyle.js

@@ -54,9 +54,9 @@ let SwcIfStyle = class SwcIfStyle2 extends SwcHTMLStyleElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach((tplNode) => {
         const clone = tplNode.cloneNode(true);
+        this.appendChild(clone);
         if (clone.style)
           clone.style.display = "contents";
-        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcIfStyle.ts"],
-  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLStyleElementBase } from './SwcHTMLStyleElementBase';\n\n@elementDefine({ name: 'swc-if-style', extends: 'style' })\nexport class SwcIfStyle extends SwcHTMLStyleElementBase {\n  private _swcValue: any = false;\n\n  constructor() {\n    super();\n  }\n\n  set swcValue(val: any) {\n    this._swcValue = val;\n    if (this._masterTplNodes.length === 0) this.initCore();\n    this.render();\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.render();\n    }\n  }\n\n  private render() {\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    this.innerHTML = '';\n    if (isTruthy && this._masterTplNodes.length > 0) {\n      this._masterTplNodes.forEach(tplNode => {\n        const clone = tplNode.cloneNode(true) as HTMLElement;\n        if (clone.style) clone.style.display = 'contents';\n        this.appendChild(clone);\n        this.applyData(clone, this._swcValue);\n      });\n    }\n  }\n}\n"],
-  "mappings": ";;;;;;;;;AAAA,SAAS,eAAe,iBAAiB;AACzC,SAAS,+BAA+B;AAGjC,IAAM,aAAN,MAAMA,oBAAmB,wBAAuB;EAGrD,cAAA;AACE,UAAK;AAHC,SAAA,YAAiB;EAIzB;EAEA,IAAI,SAAS,KAAQ;AACnB,SAAK,YAAY;AACjB,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AACpD,SAAK,OAAM;EACb;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,OAAM;IACb;EACF;EAEQ,SAAM;AACZ,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,YAAY,YAAY,EAAC;QACrD,SAAS,GAAG;AACV,qBAAW;QACb;MACF;IACF;AAEA,SAAK,YAAY;AACjB,QAAI,YAAY,KAAK,gBAAgB,SAAS,GAAG;AAC/C,WAAK,gBAAgB,QAAQ,aAAU;AACrC,cAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,YAAI,MAAM;AAAO,gBAAM,MAAM,UAAU;AACvC,aAAK,YAAY,KAAK;AACtB,aAAK,UAAU,OAAO,KAAK,SAAS;MACtC,CAAC;IACH;EACF;;AAtCA,WAAA;EADC;;;;;AAjBU,aAAU,WAAA;EADtB,cAAc,EAAE,MAAM,gBAAgB,SAAS,QAAO,CAAE;;GAC5C,UAAU;",
+  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLStyleElementBase } from './SwcHTMLStyleElementBase';\n\n@elementDefine({ name: 'swc-if-style', extends: 'style' })\nexport class SwcIfStyle extends SwcHTMLStyleElementBase {\n  private _swcValue: any = false;\n\n  constructor() {\n    super();\n  }\n\n  set swcValue(val: any) {\n    this._swcValue = val;\n    if (this._masterTplNodes.length === 0) this.initCore();\n    this.render();\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.render();\n    }\n  }\n\n  private render() {\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    this.innerHTML = '';\n    if (isTruthy && this._masterTplNodes.length > 0) {\n      this._masterTplNodes.forEach(tplNode => {\n        const clone = tplNode.cloneNode(true) as HTMLElement;\n        this.appendChild(clone);\n        if (clone.style) clone.style.display = 'contents';\n        this.applyData(clone, this._swcValue);\n      });\n    }\n  }\n}\n"],
+  "mappings": ";;;;;;;;;AAAA,SAAS,eAAe,iBAAiB;AACzC,SAAS,+BAA+B;AAGjC,IAAM,aAAN,MAAMA,oBAAmB,wBAAuB;EAGrD,cAAA;AACE,UAAK;AAHC,SAAA,YAAiB;EAIzB;EAEA,IAAI,SAAS,KAAQ;AACnB,SAAK,YAAY;AACjB,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AACpD,SAAK,OAAM;EACb;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,OAAM;IACb;EACF;EAEQ,SAAM;AACZ,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,YAAY,YAAY,EAAC;QACrD,SAAS,GAAG;AACV,qBAAW;QACb;MACF;IACF;AAEA,SAAK,YAAY;AACjB,QAAI,YAAY,KAAK,gBAAgB,SAAS,GAAG;AAC/C,WAAK,gBAAgB,QAAQ,aAAU;AACrC,cAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,aAAK,YAAY,KAAK;AACtB,YAAI,MAAM;AAAO,gBAAM,MAAM,UAAU;AACvC,aAAK,UAAU,OAAO,KAAK,SAAS;MACtC,CAAC;IACH;EACF;;AAtCA,WAAA;EADC;;;;;AAjBU,aAAU,WAAA;EADtB,cAAc,EAAE,MAAM,gBAAgB,SAAS,QAAO,CAAE;;GAC5C,UAAU;",
   "names": ["SwcIfStyle"]
 }

package/dist/esm/is/SwcIfTable.js

@@ -54,9 +54,9 @@ let SwcIfTable = class SwcIfTable2 extends SwcHTMLTableElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach((tplNode) => {
         const clone = tplNode.cloneNode(true);
+        this.appendChild(clone);
         if (clone.style)
           clone.style.display = "contents";
-        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcIfTable.ts"],
-  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLTableElementBase } from './SwcHTMLTableElementBase';\n\n@elementDefine({ name: 'swc-if-table', extends: 'table' })\nexport class SwcIfTable extends SwcHTMLTableElementBase {\n  private _swcValue: any = false;\n\n  constructor() {\n    super();\n  }\n\n  set swcValue(val: any) {\n    this._swcValue = val;\n    if (this._masterTplNodes.length === 0) this.initCore();\n    this.render();\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.render();\n    }\n  }\n\n  private render() {\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    this.innerHTML = '';\n    if (isTruthy && this._masterTplNodes.length > 0) {\n      this._masterTplNodes.forEach(tplNode => {\n        const clone = tplNode.cloneNode(true) as HTMLElement;\n        if (clone.style) clone.style.display = 'contents';\n        this.appendChild(clone);\n        this.applyData(clone, this._swcValue);\n      });\n    }\n  }\n}\n"],
-  "mappings": ";;;;;;;;;AAAA,SAAS,eAAe,iBAAiB;AACzC,SAAS,+BAA+B;AAGjC,IAAM,aAAN,MAAMA,oBAAmB,wBAAuB;EAGrD,cAAA;AACE,UAAK;AAHC,SAAA,YAAiB;EAIzB;EAEA,IAAI,SAAS,KAAQ;AACnB,SAAK,YAAY;AACjB,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AACpD,SAAK,OAAM;EACb;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,OAAM;IACb;EACF;EAEQ,SAAM;AACZ,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,YAAY,YAAY,EAAC;QACrD,SAAS,GAAG;AACV,qBAAW;QACb;MACF;IACF;AAEA,SAAK,YAAY;AACjB,QAAI,YAAY,KAAK,gBAAgB,SAAS,GAAG;AAC/C,WAAK,gBAAgB,QAAQ,aAAU;AACrC,cAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,YAAI,MAAM;AAAO,gBAAM,MAAM,UAAU;AACvC,aAAK,YAAY,KAAK;AACtB,aAAK,UAAU,OAAO,KAAK,SAAS;MACtC,CAAC;IACH;EACF;;AAtCA,WAAA;EADC;;;;;AAjBU,aAAU,WAAA;EADtB,cAAc,EAAE,MAAM,gBAAgB,SAAS,QAAO,CAAE;;GAC5C,UAAU;",
+  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLTableElementBase } from './SwcHTMLTableElementBase';\n\n@elementDefine({ name: 'swc-if-table', extends: 'table' })\nexport class SwcIfTable extends SwcHTMLTableElementBase {\n  private _swcValue: any = false;\n\n  constructor() {\n    super();\n  }\n\n  set swcValue(val: any) {\n    this._swcValue = val;\n    if (this._masterTplNodes.length === 0) this.initCore();\n    this.render();\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.render();\n    }\n  }\n\n  private render() {\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    this.innerHTML = '';\n    if (isTruthy && this._masterTplNodes.length > 0) {\n      this._masterTplNodes.forEach(tplNode => {\n        const clone = tplNode.cloneNode(true) as HTMLElement;\n        this.appendChild(clone);\n        if (clone.style) clone.style.display = 'contents';\n        this.applyData(clone, this._swcValue);\n      });\n    }\n  }\n}\n"],
+  "mappings": ";;;;;;;;;AAAA,SAAS,eAAe,iBAAiB;AACzC,SAAS,+BAA+B;AAGjC,IAAM,aAAN,MAAMA,oBAAmB,wBAAuB;EAGrD,cAAA;AACE,UAAK;AAHC,SAAA,YAAiB;EAIzB;EAEA,IAAI,SAAS,KAAQ;AACnB,SAAK,YAAY;AACjB,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AACpD,SAAK,OAAM;EACb;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,OAAM;IACb;EACF;EAEQ,SAAM;AACZ,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,YAAY,YAAY,EAAC;QACrD,SAAS,GAAG;AACV,qBAAW;QACb;MACF;IACF;AAEA,SAAK,YAAY;AACjB,QAAI,YAAY,KAAK,gBAAgB,SAAS,GAAG;AAC/C,WAAK,gBAAgB,QAAQ,aAAU;AACrC,cAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,aAAK,YAAY,KAAK;AACtB,YAAI,MAAM;AAAO,gBAAM,MAAM,UAAU;AACvC,aAAK,UAAU,OAAO,KAAK,SAAS;MACtC,CAAC;IACH;EACF;;AAtCA,WAAA;EADC;;;;;AAjBU,aAAU,WAAA;EADtB,cAAc,EAAE,MAAM,gBAAgB,SAAS,QAAO,CAAE;;GAC5C,UAAU;",
   "names": ["SwcIfTable"]
 }

package/dist/esm/is/SwcIfTableCell.js

@@ -54,9 +54,9 @@ let SwcIfTableCell = class SwcIfTableCell2 extends SwcHTMLTableCellElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach((tplNode) => {
         const clone = tplNode.cloneNode(true);
+        this.appendChild(clone);
         if (clone.style)
           clone.style.display = "contents";
-        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcIfTableCell.ts"],
-  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLTableCellElementBase } from './SwcHTMLTableCellElementBase';\n\n@elementDefine({ name: 'swc-if-td', extends: 'td' })\nexport class SwcIfTableCell extends SwcHTMLTableCellElementBase {\n  private _swcValue: any = false;\n\n  constructor() {\n    super();\n  }\n\n  set swcValue(val: any) {\n    this._swcValue = val;\n    if (this._masterTplNodes.length === 0) this.initCore();\n    this.render();\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.render();\n    }\n  }\n\n  private render() {\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    this.innerHTML = '';\n    if (isTruthy && this._masterTplNodes.length > 0) {\n      this._masterTplNodes.forEach(tplNode => {\n        const clone = tplNode.cloneNode(true) as HTMLElement;\n        if (clone.style) clone.style.display = 'contents';\n        this.appendChild(clone);\n        this.applyData(clone, this._swcValue);\n      });\n    }\n  }\n}\n"],
-  "mappings": ";;;;;;;;;AAAA,SAAS,eAAe,iBAAiB;AACzC,SAAS,mCAAmC;AAGrC,IAAM,iBAAN,MAAMA,wBAAuB,4BAA2B;EAG7D,cAAA;AACE,UAAK;AAHC,SAAA,YAAiB;EAIzB;EAEA,IAAI,SAAS,KAAQ;AACnB,SAAK,YAAY;AACjB,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AACpD,SAAK,OAAM;EACb;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,OAAM;IACb;EACF;EAEQ,SAAM;AACZ,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,YAAY,YAAY,EAAC;QACrD,SAAS,GAAG;AACV,qBAAW;QACb;MACF;IACF;AAEA,SAAK,YAAY;AACjB,QAAI,YAAY,KAAK,gBAAgB,SAAS,GAAG;AAC/C,WAAK,gBAAgB,QAAQ,aAAU;AACrC,cAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,YAAI,MAAM;AAAO,gBAAM,MAAM,UAAU;AACvC,aAAK,YAAY,KAAK;AACtB,aAAK,UAAU,OAAO,KAAK,SAAS;MACtC,CAAC;IACH;EACF;;AAtCA,WAAA;EADC;;;;;AAjBU,iBAAc,WAAA;EAD1B,cAAc,EAAE,MAAM,aAAa,SAAS,KAAI,CAAE;;GACtC,cAAc;",
+  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLTableCellElementBase } from './SwcHTMLTableCellElementBase';\n\n@elementDefine({ name: 'swc-if-td', extends: 'td' })\nexport class SwcIfTableCell extends SwcHTMLTableCellElementBase {\n  private _swcValue: any = false;\n\n  constructor() {\n    super();\n  }\n\n  set swcValue(val: any) {\n    this._swcValue = val;\n    if (this._masterTplNodes.length === 0) this.initCore();\n    this.render();\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.render();\n    }\n  }\n\n  private render() {\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    this.innerHTML = '';\n    if (isTruthy && this._masterTplNodes.length > 0) {\n      this._masterTplNodes.forEach(tplNode => {\n        const clone = tplNode.cloneNode(true) as HTMLElement;\n        this.appendChild(clone);\n        if (clone.style) clone.style.display = 'contents';\n        this.applyData(clone, this._swcValue);\n      });\n    }\n  }\n}\n"],
+  "mappings": ";;;;;;;;;AAAA,SAAS,eAAe,iBAAiB;AACzC,SAAS,mCAAmC;AAGrC,IAAM,iBAAN,MAAMA,wBAAuB,4BAA2B;EAG7D,cAAA;AACE,UAAK;AAHC,SAAA,YAAiB;EAIzB;EAEA,IAAI,SAAS,KAAQ;AACnB,SAAK,YAAY;AACjB,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AACpD,SAAK,OAAM;EACb;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,OAAM;IACb;EACF;EAEQ,SAAM;AACZ,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,YAAY,YAAY,EAAC;QACrD,SAAS,GAAG;AACV,qBAAW;QACb;MACF;IACF;AAEA,SAAK,YAAY;AACjB,QAAI,YAAY,KAAK,gBAAgB,SAAS,GAAG;AAC/C,WAAK,gBAAgB,QAAQ,aAAU;AACrC,cAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,aAAK,YAAY,KAAK;AACtB,YAAI,MAAM;AAAO,gBAAM,MAAM,UAAU;AACvC,aAAK,UAAU,OAAO,KAAK,SAAS;MACtC,CAAC;IACH;EACF;;AAtCA,WAAA;EADC;;;;;AAjBU,iBAAc,WAAA;EAD1B,cAAc,EAAE,MAAM,aAAa,SAAS,KAAI,CAAE;;GACtC,cAAc;",
   "names": ["SwcIfTableCell"]
 }

package/dist/esm/is/SwcIfTableRow.js

@@ -54,9 +54,9 @@ let SwcIfTableRow = class SwcIfTableRow2 extends SwcHTMLTableRowElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach((tplNode) => {
         const clone = tplNode.cloneNode(true);
+        this.appendChild(clone);
         if (clone.style)
           clone.style.display = "contents";
-        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcIfTableRow.ts"],
-  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLTableRowElementBase } from './SwcHTMLTableRowElementBase';\n\n@elementDefine({ name: 'swc-if-tr', extends: 'tr' })\nexport class SwcIfTableRow extends SwcHTMLTableRowElementBase {\n  private _swcValue: any = false;\n\n  constructor() {\n    super();\n  }\n\n  set swcValue(val: any) {\n    this._swcValue = val;\n    if (this._masterTplNodes.length === 0) this.initCore();\n    this.render();\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.render();\n    }\n  }\n\n  private render() {\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    this.innerHTML = '';\n    if (isTruthy && this._masterTplNodes.length > 0) {\n      this._masterTplNodes.forEach(tplNode => {\n        const clone = tplNode.cloneNode(true) as HTMLElement;\n        if (clone.style) clone.style.display = 'contents';\n        this.appendChild(clone);\n        this.applyData(clone, this._swcValue);\n      });\n    }\n  }\n}\n"],
-  "mappings": ";;;;;;;;;AAAA,SAAS,eAAe,iBAAiB;AACzC,SAAS,kCAAkC;AAGpC,IAAM,gBAAN,MAAMA,uBAAsB,2BAA0B;EAG3D,cAAA;AACE,UAAK;AAHC,SAAA,YAAiB;EAIzB;EAEA,IAAI,SAAS,KAAQ;AACnB,SAAK,YAAY;AACjB,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AACpD,SAAK,OAAM;EACb;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,OAAM;IACb;EACF;EAEQ,SAAM;AACZ,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,YAAY,YAAY,EAAC;QACrD,SAAS,GAAG;AACV,qBAAW;QACb;MACF;IACF;AAEA,SAAK,YAAY;AACjB,QAAI,YAAY,KAAK,gBAAgB,SAAS,GAAG;AAC/C,WAAK,gBAAgB,QAAQ,aAAU;AACrC,cAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,YAAI,MAAM;AAAO,gBAAM,MAAM,UAAU;AACvC,aAAK,YAAY,KAAK;AACtB,aAAK,UAAU,OAAO,KAAK,SAAS;MACtC,CAAC;IACH;EACF;;AAtCA,WAAA;EADC;;;;;AAjBU,gBAAa,WAAA;EADzB,cAAc,EAAE,MAAM,aAAa,SAAS,KAAI,CAAE;;GACtC,aAAa;",
+  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLTableRowElementBase } from './SwcHTMLTableRowElementBase';\n\n@elementDefine({ name: 'swc-if-tr', extends: 'tr' })\nexport class SwcIfTableRow extends SwcHTMLTableRowElementBase {\n  private _swcValue: any = false;\n\n  constructor() {\n    super();\n  }\n\n  set swcValue(val: any) {\n    this._swcValue = val;\n    if (this._masterTplNodes.length === 0) this.initCore();\n    this.render();\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.render();\n    }\n  }\n\n  private render() {\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    this.innerHTML = '';\n    if (isTruthy && this._masterTplNodes.length > 0) {\n      this._masterTplNodes.forEach(tplNode => {\n        const clone = tplNode.cloneNode(true) as HTMLElement;\n        this.appendChild(clone);\n        if (clone.style) clone.style.display = 'contents';\n        this.applyData(clone, this._swcValue);\n      });\n    }\n  }\n}\n"],
+  "mappings": ";;;;;;;;;AAAA,SAAS,eAAe,iBAAiB;AACzC,SAAS,kCAAkC;AAGpC,IAAM,gBAAN,MAAMA,uBAAsB,2BAA0B;EAG3D,cAAA;AACE,UAAK;AAHC,SAAA,YAAiB;EAIzB;EAEA,IAAI,SAAS,KAAQ;AACnB,SAAK,YAAY;AACjB,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AACpD,SAAK,OAAM;EACb;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,OAAM;IACb;EACF;EAEQ,SAAM;AACZ,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,YAAY,YAAY,EAAC;QACrD,SAAS,GAAG;AACV,qBAAW;QACb;MACF;IACF;AAEA,SAAK,YAAY;AACjB,QAAI,YAAY,KAAK,gBAAgB,SAAS,GAAG;AAC/C,WAAK,gBAAgB,QAAQ,aAAU;AACrC,cAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,aAAK,YAAY,KAAK;AACtB,YAAI,MAAM;AAAO,gBAAM,MAAM,UAAU;AACvC,aAAK,UAAU,OAAO,KAAK,SAAS;MACtC,CAAC;IACH;EACF;;AAtCA,WAAA;EADC;;;;;AAjBU,gBAAa,WAAA;EADzB,cAAc,EAAE,MAAM,aAAa,SAAS,KAAI,CAAE;;GACtC,aAAa;",
   "names": ["SwcIfTableRow"]
 }

package/dist/esm/is/SwcIfTableSection.js

@@ -54,9 +54,9 @@ let SwcIfTableSection = class SwcIfTableSection2 extends SwcHTMLTableSectionElem
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach((tplNode) => {
         const clone = tplNode.cloneNode(true);
+        this.appendChild(clone);
         if (clone.style)
           clone.style.display = "contents";
-        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcIfTableSection.ts"],
-  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLTableSectionElementBase } from './SwcHTMLTableSectionElementBase';\n\n@elementDefine({ name: 'swc-if-tbody', extends: 'tbody' })\nexport class SwcIfTableSection extends SwcHTMLTableSectionElementBase {\n  private _swcValue: any = false;\n\n  constructor() {\n    super();\n  }\n\n  set swcValue(val: any) {\n    this._swcValue = val;\n    if (this._masterTplNodes.length === 0) this.initCore();\n    this.render();\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.render();\n    }\n  }\n\n  private render() {\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    this.innerHTML = '';\n    if (isTruthy && this._masterTplNodes.length > 0) {\n      this._masterTplNodes.forEach(tplNode => {\n        const clone = tplNode.cloneNode(true) as HTMLElement;\n        if (clone.style) clone.style.display = 'contents';\n        this.appendChild(clone);\n        this.applyData(clone, this._swcValue);\n      });\n    }\n  }\n}\n"],
-  "mappings": ";;;;;;;;;AAAA,SAAS,eAAe,iBAAiB;AACzC,SAAS,sCAAsC;AAGxC,IAAM,oBAAN,MAAMA,2BAA0B,+BAA8B;EAGnE,cAAA;AACE,UAAK;AAHC,SAAA,YAAiB;EAIzB;EAEA,IAAI,SAAS,KAAQ;AACnB,SAAK,YAAY;AACjB,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AACpD,SAAK,OAAM;EACb;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,OAAM;IACb;EACF;EAEQ,SAAM;AACZ,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,YAAY,YAAY,EAAC;QACrD,SAAS,GAAG;AACV,qBAAW;QACb;MACF;IACF;AAEA,SAAK,YAAY;AACjB,QAAI,YAAY,KAAK,gBAAgB,SAAS,GAAG;AAC/C,WAAK,gBAAgB,QAAQ,aAAU;AACrC,cAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,YAAI,MAAM;AAAO,gBAAM,MAAM,UAAU;AACvC,aAAK,YAAY,KAAK;AACtB,aAAK,UAAU,OAAO,KAAK,SAAS;MACtC,CAAC;IACH;EACF;;AAtCA,WAAA;EADC;;;;;AAjBU,oBAAiB,WAAA;EAD7B,cAAc,EAAE,MAAM,gBAAgB,SAAS,QAAO,CAAE;;GAC5C,iBAAiB;",
+  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLTableSectionElementBase } from './SwcHTMLTableSectionElementBase';\n\n@elementDefine({ name: 'swc-if-tbody', extends: 'tbody' })\nexport class SwcIfTableSection extends SwcHTMLTableSectionElementBase {\n  private _swcValue: any = false;\n\n  constructor() {\n    super();\n  }\n\n  set swcValue(val: any) {\n    this._swcValue = val;\n    if (this._masterTplNodes.length === 0) this.initCore();\n    this.render();\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.render();\n    }\n  }\n\n  private render() {\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    this.innerHTML = '';\n    if (isTruthy && this._masterTplNodes.length > 0) {\n      this._masterTplNodes.forEach(tplNode => {\n        const clone = tplNode.cloneNode(true) as HTMLElement;\n        this.appendChild(clone);\n        if (clone.style) clone.style.display = 'contents';\n        this.applyData(clone, this._swcValue);\n      });\n    }\n  }\n}\n"],
+  "mappings": ";;;;;;;;;AAAA,SAAS,eAAe,iBAAiB;AACzC,SAAS,sCAAsC;AAGxC,IAAM,oBAAN,MAAMA,2BAA0B,+BAA8B;EAGnE,cAAA;AACE,UAAK;AAHC,SAAA,YAAiB;EAIzB;EAEA,IAAI,SAAS,KAAQ;AACnB,SAAK,YAAY;AACjB,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AACpD,SAAK,OAAM;EACb;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,OAAM;IACb;EACF;EAEQ,SAAM;AACZ,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,YAAY,YAAY,EAAC;QACrD,SAAS,GAAG;AACV,qBAAW;QACb;MACF;IACF;AAEA,SAAK,YAAY;AACjB,QAAI,YAAY,KAAK,gBAAgB,SAAS,GAAG;AAC/C,WAAK,gBAAgB,QAAQ,aAAU;AACrC,cAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,aAAK,YAAY,KAAK;AACtB,YAAI,MAAM;AAAO,gBAAM,MAAM,UAAU;AACvC,aAAK,UAAU,OAAO,KAAK,SAAS;MACtC,CAAC;IACH;EACF;;AAtCA,WAAA;EADC;;;;;AAjBU,oBAAiB,WAAA;EAD7B,cAAc,EAAE,MAAM,gBAAgB,SAAS,QAAO,CAAE;;GAC5C,iBAAiB;",
   "names": ["SwcIfTableSection"]
 }

package/dist/esm/is/SwcIfTemplate.js

@@ -54,9 +54,9 @@ let SwcIfTemplate = class SwcIfTemplate2 extends SwcHTMLTemplateElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach((tplNode) => {
         const clone = tplNode.cloneNode(true);
+        this.appendChild(clone);
         if (clone.style)
           clone.style.display = "contents";
-        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcIfTemplate.ts"],
-  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLTemplateElementBase } from './SwcHTMLTemplateElementBase';\n\n@elementDefine({ name: 'swc-if-template', extends: 'template' })\nexport class SwcIfTemplate extends SwcHTMLTemplateElementBase {\n  private _swcValue: any = false;\n\n  constructor() {\n    super();\n  }\n\n  set swcValue(val: any) {\n    this._swcValue = val;\n    if (this._masterTplNodes.length === 0) this.initCore();\n    this.render();\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.render();\n    }\n  }\n\n  private render() {\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    this.innerHTML = '';\n    if (isTruthy && this._masterTplNodes.length > 0) {\n      this._masterTplNodes.forEach(tplNode => {\n        const clone = tplNode.cloneNode(true) as HTMLElement;\n        if (clone.style) clone.style.display = 'contents';\n        this.appendChild(clone);\n        this.applyData(clone, this._swcValue);\n      });\n    }\n  }\n}\n"],
-  "mappings": ";;;;;;;;;AAAA,SAAS,eAAe,iBAAiB;AACzC,SAAS,kCAAkC;AAGpC,IAAM,gBAAN,MAAMA,uBAAsB,2BAA0B;EAG3D,cAAA;AACE,UAAK;AAHC,SAAA,YAAiB;EAIzB;EAEA,IAAI,SAAS,KAAQ;AACnB,SAAK,YAAY;AACjB,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AACpD,SAAK,OAAM;EACb;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,OAAM;IACb;EACF;EAEQ,SAAM;AACZ,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,YAAY,YAAY,EAAC;QACrD,SAAS,GAAG;AACV,qBAAW;QACb;MACF;IACF;AAEA,SAAK,YAAY;AACjB,QAAI,YAAY,KAAK,gBAAgB,SAAS,GAAG;AAC/C,WAAK,gBAAgB,QAAQ,aAAU;AACrC,cAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,YAAI,MAAM;AAAO,gBAAM,MAAM,UAAU;AACvC,aAAK,YAAY,KAAK;AACtB,aAAK,UAAU,OAAO,KAAK,SAAS;MACtC,CAAC;IACH;EACF;;AAtCA,WAAA;EADC;;;;;AAjBU,gBAAa,WAAA;EADzB,cAAc,EAAE,MAAM,mBAAmB,SAAS,WAAU,CAAE;;GAClD,aAAa;",
+  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLTemplateElementBase } from './SwcHTMLTemplateElementBase';\n\n@elementDefine({ name: 'swc-if-template', extends: 'template' })\nexport class SwcIfTemplate extends SwcHTMLTemplateElementBase {\n  private _swcValue: any = false;\n\n  constructor() {\n    super();\n  }\n\n  set swcValue(val: any) {\n    this._swcValue = val;\n    if (this._masterTplNodes.length === 0) this.initCore();\n    this.render();\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.render();\n    }\n  }\n\n  private render() {\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    this.innerHTML = '';\n    if (isTruthy && this._masterTplNodes.length > 0) {\n      this._masterTplNodes.forEach(tplNode => {\n        const clone = tplNode.cloneNode(true) as HTMLElement;\n        this.appendChild(clone);\n        if (clone.style) clone.style.display = 'contents';\n        this.applyData(clone, this._swcValue);\n      });\n    }\n  }\n}\n"],
+  "mappings": ";;;;;;;;;AAAA,SAAS,eAAe,iBAAiB;AACzC,SAAS,kCAAkC;AAGpC,IAAM,gBAAN,MAAMA,uBAAsB,2BAA0B;EAG3D,cAAA;AACE,UAAK;AAHC,SAAA,YAAiB;EAIzB;EAEA,IAAI,SAAS,KAAQ;AACnB,SAAK,YAAY;AACjB,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AACpD,SAAK,OAAM;EACb;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,OAAM;IACb;EACF;EAEQ,SAAM;AACZ,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,YAAY,YAAY,EAAC;QACrD,SAAS,GAAG;AACV,qBAAW;QACb;MACF;IACF;AAEA,SAAK,YAAY;AACjB,QAAI,YAAY,KAAK,gBAAgB,SAAS,GAAG;AAC/C,WAAK,gBAAgB,QAAQ,aAAU;AACrC,cAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,aAAK,YAAY,KAAK;AACtB,YAAI,MAAM;AAAO,gBAAM,MAAM,UAAU;AACvC,aAAK,UAAU,OAAO,KAAK,SAAS;MACtC,CAAC;IACH;EACF;;AAtCA,WAAA;EADC;;;;;AAjBU,gBAAa,WAAA;EADzB,cAAc,EAAE,MAAM,mBAAmB,SAAS,WAAU,CAAE;;GAClD,aAAa;",
   "names": ["SwcIfTemplate"]
 }

package/dist/esm/is/SwcIfTextArea.js

@@ -54,9 +54,9 @@ let SwcIfTextArea = class SwcIfTextArea2 extends SwcHTMLTextAreaElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach((tplNode) => {
         const clone = tplNode.cloneNode(true);
+        this.appendChild(clone);
         if (clone.style)
           clone.style.display = "contents";
-        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcIfTextArea.ts"],
-  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLTextAreaElementBase } from './SwcHTMLTextAreaElementBase';\n\n@elementDefine({ name: 'swc-if-textarea', extends: 'textarea' })\nexport class SwcIfTextArea extends SwcHTMLTextAreaElementBase {\n  private _swcValue: any = false;\n\n  constructor() {\n    super();\n  }\n\n  set swcValue(val: any) {\n    this._swcValue = val;\n    if (this._masterTplNodes.length === 0) this.initCore();\n    this.render();\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.render();\n    }\n  }\n\n  private render() {\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    this.innerHTML = '';\n    if (isTruthy && this._masterTplNodes.length > 0) {\n      this._masterTplNodes.forEach(tplNode => {\n        const clone = tplNode.cloneNode(true) as HTMLElement;\n        if (clone.style) clone.style.display = 'contents';\n        this.appendChild(clone);\n        this.applyData(clone, this._swcValue);\n      });\n    }\n  }\n}\n"],
-  "mappings": ";;;;;;;;;AAAA,SAAS,eAAe,iBAAiB;AACzC,SAAS,kCAAkC;AAGpC,IAAM,gBAAN,MAAMA,uBAAsB,2BAA0B;EAG3D,cAAA;AACE,UAAK;AAHC,SAAA,YAAiB;EAIzB;EAEA,IAAI,SAAS,KAAQ;AACnB,SAAK,YAAY;AACjB,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AACpD,SAAK,OAAM;EACb;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,OAAM;IACb;EACF;EAEQ,SAAM;AACZ,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,YAAY,YAAY,EAAC;QACrD,SAAS,GAAG;AACV,qBAAW;QACb;MACF;IACF;AAEA,SAAK,YAAY;AACjB,QAAI,YAAY,KAAK,gBAAgB,SAAS,GAAG;AAC/C,WAAK,gBAAgB,QAAQ,aAAU;AACrC,cAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,YAAI,MAAM;AAAO,gBAAM,MAAM,UAAU;AACvC,aAAK,YAAY,KAAK;AACtB,aAAK,UAAU,OAAO,KAAK,SAAS;MACtC,CAAC;IACH;EACF;;AAtCA,WAAA;EADC;;;;;AAjBU,gBAAa,WAAA;EADzB,cAAc,EAAE,MAAM,mBAAmB,SAAS,WAAU,CAAE;;GAClD,aAAa;",
+  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLTextAreaElementBase } from './SwcHTMLTextAreaElementBase';\n\n@elementDefine({ name: 'swc-if-textarea', extends: 'textarea' })\nexport class SwcIfTextArea extends SwcHTMLTextAreaElementBase {\n  private _swcValue: any = false;\n\n  constructor() {\n    super();\n  }\n\n  set swcValue(val: any) {\n    this._swcValue = val;\n    if (this._masterTplNodes.length === 0) this.initCore();\n    this.render();\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.render();\n    }\n  }\n\n  private render() {\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    this.innerHTML = '';\n    if (isTruthy && this._masterTplNodes.length > 0) {\n      this._masterTplNodes.forEach(tplNode => {\n        const clone = tplNode.cloneNode(true) as HTMLElement;\n        this.appendChild(clone);\n        if (clone.style) clone.style.display = 'contents';\n        this.applyData(clone, this._swcValue);\n      });\n    }\n  }\n}\n"],
+  "mappings": ";;;;;;;;;AAAA,SAAS,eAAe,iBAAiB;AACzC,SAAS,kCAAkC;AAGpC,IAAM,gBAAN,MAAMA,uBAAsB,2BAA0B;EAG3D,cAAA;AACE,UAAK;AAHC,SAAA,YAAiB;EAIzB;EAEA,IAAI,SAAS,KAAQ;AACnB,SAAK,YAAY;AACjB,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AACpD,SAAK,OAAM;EACb;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,OAAM;IACb;EACF;EAEQ,SAAM;AACZ,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,YAAY,YAAY,EAAC;QACrD,SAAS,GAAG;AACV,qBAAW;QACb;MACF;IACF;AAEA,SAAK,YAAY;AACjB,QAAI,YAAY,KAAK,gBAAgB,SAAS,GAAG;AAC/C,WAAK,gBAAgB,QAAQ,aAAU;AACrC,cAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,aAAK,YAAY,KAAK;AACtB,YAAI,MAAM;AAAO,gBAAM,MAAM,UAAU;AACvC,aAAK,UAAU,OAAO,KAAK,SAAS;MACtC,CAAC;IACH;EACF;;AAtCA,WAAA;EADC;;;;;AAjBU,gBAAa,WAAA;EADzB,cAAc,EAAE,MAAM,mBAAmB,SAAS,WAAU,CAAE;;GAClD,aAAa;",
   "names": ["SwcIfTextArea"]
 }

package/dist/esm/is/SwcIfTime.js

@@ -54,9 +54,9 @@ let SwcIfTime = class SwcIfTime2 extends SwcHTMLTimeElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach((tplNode) => {
         const clone = tplNode.cloneNode(true);
+        this.appendChild(clone);
         if (clone.style)
           clone.style.display = "contents";
-        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcIfTime.ts"],
-  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLTimeElementBase } from './SwcHTMLTimeElementBase';\n\n@elementDefine({ name: 'swc-if-time', extends: 'time' })\nexport class SwcIfTime extends SwcHTMLTimeElementBase {\n  private _swcValue: any = false;\n\n  constructor() {\n    super();\n  }\n\n  set swcValue(val: any) {\n    this._swcValue = val;\n    if (this._masterTplNodes.length === 0) this.initCore();\n    this.render();\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.render();\n    }\n  }\n\n  private render() {\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    this.innerHTML = '';\n    if (isTruthy && this._masterTplNodes.length > 0) {\n      this._masterTplNodes.forEach(tplNode => {\n        const clone = tplNode.cloneNode(true) as HTMLElement;\n        if (clone.style) clone.style.display = 'contents';\n        this.appendChild(clone);\n        this.applyData(clone, this._swcValue);\n      });\n    }\n  }\n}\n"],
-  "mappings": ";;;;;;;;;AAAA,SAAS,eAAe,iBAAiB;AACzC,SAAS,8BAA8B;AAGhC,IAAM,YAAN,MAAMA,mBAAkB,uBAAsB;EAGnD,cAAA;AACE,UAAK;AAHC,SAAA,YAAiB;EAIzB;EAEA,IAAI,SAAS,KAAQ;AACnB,SAAK,YAAY;AACjB,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AACpD,SAAK,OAAM;EACb;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,OAAM;IACb;EACF;EAEQ,SAAM;AACZ,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,YAAY,YAAY,EAAC;QACrD,SAAS,GAAG;AACV,qBAAW;QACb;MACF;IACF;AAEA,SAAK,YAAY;AACjB,QAAI,YAAY,KAAK,gBAAgB,SAAS,GAAG;AAC/C,WAAK,gBAAgB,QAAQ,aAAU;AACrC,cAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,YAAI,MAAM;AAAO,gBAAM,MAAM,UAAU;AACvC,aAAK,YAAY,KAAK;AACtB,aAAK,UAAU,OAAO,KAAK,SAAS;MACtC,CAAC;IACH;EACF;;AAtCA,WAAA;EADC;;;;;AAjBU,YAAS,WAAA;EADrB,cAAc,EAAE,MAAM,eAAe,SAAS,OAAM,CAAE;;GAC1C,SAAS;",
+  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLTimeElementBase } from './SwcHTMLTimeElementBase';\n\n@elementDefine({ name: 'swc-if-time', extends: 'time' })\nexport class SwcIfTime extends SwcHTMLTimeElementBase {\n  private _swcValue: any = false;\n\n  constructor() {\n    super();\n  }\n\n  set swcValue(val: any) {\n    this._swcValue = val;\n    if (this._masterTplNodes.length === 0) this.initCore();\n    this.render();\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.render();\n    }\n  }\n\n  private render() {\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    this.innerHTML = '';\n    if (isTruthy && this._masterTplNodes.length > 0) {\n      this._masterTplNodes.forEach(tplNode => {\n        const clone = tplNode.cloneNode(true) as HTMLElement;\n        this.appendChild(clone);\n        if (clone.style) clone.style.display = 'contents';\n        this.applyData(clone, this._swcValue);\n      });\n    }\n  }\n}\n"],
+  "mappings": ";;;;;;;;;AAAA,SAAS,eAAe,iBAAiB;AACzC,SAAS,8BAA8B;AAGhC,IAAM,YAAN,MAAMA,mBAAkB,uBAAsB;EAGnD,cAAA;AACE,UAAK;AAHC,SAAA,YAAiB;EAIzB;EAEA,IAAI,SAAS,KAAQ;AACnB,SAAK,YAAY;AACjB,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AACpD,SAAK,OAAM;EACb;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,OAAM;IACb;EACF;EAEQ,SAAM;AACZ,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,YAAY,YAAY,EAAC;QACrD,SAAS,GAAG;AACV,qBAAW;QACb;MACF;IACF;AAEA,SAAK,YAAY;AACjB,QAAI,YAAY,KAAK,gBAAgB,SAAS,GAAG;AAC/C,WAAK,gBAAgB,QAAQ,aAAU;AACrC,cAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,aAAK,YAAY,KAAK;AACtB,YAAI,MAAM;AAAO,gBAAM,MAAM,UAAU;AACvC,aAAK,UAAU,OAAO,KAAK,SAAS;MACtC,CAAC;IACH;EACF;;AAtCA,WAAA;EADC;;;;;AAjBU,YAAS,WAAA;EADrB,cAAc,EAAE,MAAM,eAAe,SAAS,OAAM,CAAE;;GAC1C,SAAS;",
   "names": ["SwcIfTime"]
 }

package/dist/esm/is/SwcIfTitle.js

@@ -54,9 +54,9 @@ let SwcIfTitle = class SwcIfTitle2 extends SwcHTMLTitleElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach((tplNode) => {
         const clone = tplNode.cloneNode(true);
+        this.appendChild(clone);
         if (clone.style)
           clone.style.display = "contents";
-        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcIfTitle.ts"],
-  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLTitleElementBase } from './SwcHTMLTitleElementBase';\n\n@elementDefine({ name: 'swc-if-title', extends: 'title' })\nexport class SwcIfTitle extends SwcHTMLTitleElementBase {\n  private _swcValue: any = false;\n\n  constructor() {\n    super();\n  }\n\n  set swcValue(val: any) {\n    this._swcValue = val;\n    if (this._masterTplNodes.length === 0) this.initCore();\n    this.render();\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.render();\n    }\n  }\n\n  private render() {\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    this.innerHTML = '';\n    if (isTruthy && this._masterTplNodes.length > 0) {\n      this._masterTplNodes.forEach(tplNode => {\n        const clone = tplNode.cloneNode(true) as HTMLElement;\n        if (clone.style) clone.style.display = 'contents';\n        this.appendChild(clone);\n        this.applyData(clone, this._swcValue);\n      });\n    }\n  }\n}\n"],
-  "mappings": ";;;;;;;;;AAAA,SAAS,eAAe,iBAAiB;AACzC,SAAS,+BAA+B;AAGjC,IAAM,aAAN,MAAMA,oBAAmB,wBAAuB;EAGrD,cAAA;AACE,UAAK;AAHC,SAAA,YAAiB;EAIzB;EAEA,IAAI,SAAS,KAAQ;AACnB,SAAK,YAAY;AACjB,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AACpD,SAAK,OAAM;EACb;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,OAAM;IACb;EACF;EAEQ,SAAM;AACZ,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,YAAY,YAAY,EAAC;QACrD,SAAS,GAAG;AACV,qBAAW;QACb;MACF;IACF;AAEA,SAAK,YAAY;AACjB,QAAI,YAAY,KAAK,gBAAgB,SAAS,GAAG;AAC/C,WAAK,gBAAgB,QAAQ,aAAU;AACrC,cAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,YAAI,MAAM;AAAO,gBAAM,MAAM,UAAU;AACvC,aAAK,YAAY,KAAK;AACtB,aAAK,UAAU,OAAO,KAAK,SAAS;MACtC,CAAC;IACH;EACF;;AAtCA,WAAA;EADC;;;;;AAjBU,aAAU,WAAA;EADtB,cAAc,EAAE,MAAM,gBAAgB,SAAS,QAAO,CAAE;;GAC5C,UAAU;",
+  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLTitleElementBase } from './SwcHTMLTitleElementBase';\n\n@elementDefine({ name: 'swc-if-title', extends: 'title' })\nexport class SwcIfTitle extends SwcHTMLTitleElementBase {\n  private _swcValue: any = false;\n\n  constructor() {\n    super();\n  }\n\n  set swcValue(val: any) {\n    this._swcValue = val;\n    if (this._masterTplNodes.length === 0) this.initCore();\n    this.render();\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.render();\n    }\n  }\n\n  private render() {\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    this.innerHTML = '';\n    if (isTruthy && this._masterTplNodes.length > 0) {\n      this._masterTplNodes.forEach(tplNode => {\n        const clone = tplNode.cloneNode(true) as HTMLElement;\n        this.appendChild(clone);\n        if (clone.style) clone.style.display = 'contents';\n        this.applyData(clone, this._swcValue);\n      });\n    }\n  }\n}\n"],
+  "mappings": ";;;;;;;;;AAAA,SAAS,eAAe,iBAAiB;AACzC,SAAS,+BAA+B;AAGjC,IAAM,aAAN,MAAMA,oBAAmB,wBAAuB;EAGrD,cAAA;AACE,UAAK;AAHC,SAAA,YAAiB;EAIzB;EAEA,IAAI,SAAS,KAAQ;AACnB,SAAK,YAAY;AACjB,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AACpD,SAAK,OAAM;EACb;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,OAAM;IACb;EACF;EAEQ,SAAM;AACZ,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,YAAY,YAAY,EAAC;QACrD,SAAS,GAAG;AACV,qBAAW;QACb;MACF;IACF;AAEA,SAAK,YAAY;AACjB,QAAI,YAAY,KAAK,gBAAgB,SAAS,GAAG;AAC/C,WAAK,gBAAgB,QAAQ,aAAU;AACrC,cAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,aAAK,YAAY,KAAK;AACtB,YAAI,MAAM;AAAO,gBAAM,MAAM,UAAU;AACvC,aAAK,UAAU,OAAO,KAAK,SAAS;MACtC,CAAC;IACH;EACF;;AAtCA,WAAA;EADC;;;;;AAjBU,aAAU,WAAA;EADtB,cAAc,EAAE,MAAM,gBAAgB,SAAS,QAAO,CAAE;;GAC5C,UAAU;",
   "names": ["SwcIfTitle"]
 }

package/dist/esm/is/SwcIfTrack.js

@@ -54,9 +54,9 @@ let SwcIfTrack = class SwcIfTrack2 extends SwcHTMLTrackElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach((tplNode) => {
         const clone = tplNode.cloneNode(true);
+        this.appendChild(clone);
         if (clone.style)
           clone.style.display = "contents";
-        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcIfTrack.ts"],
-  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLTrackElementBase } from './SwcHTMLTrackElementBase';\n\n@elementDefine({ name: 'swc-if-track', extends: 'track' })\nexport class SwcIfTrack extends SwcHTMLTrackElementBase {\n  private _swcValue: any = false;\n\n  constructor() {\n    super();\n  }\n\n  set swcValue(val: any) {\n    this._swcValue = val;\n    if (this._masterTplNodes.length === 0) this.initCore();\n    this.render();\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.render();\n    }\n  }\n\n  private render() {\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    this.innerHTML = '';\n    if (isTruthy && this._masterTplNodes.length > 0) {\n      this._masterTplNodes.forEach(tplNode => {\n        const clone = tplNode.cloneNode(true) as HTMLElement;\n        if (clone.style) clone.style.display = 'contents';\n        this.appendChild(clone);\n        this.applyData(clone, this._swcValue);\n      });\n    }\n  }\n}\n"],
-  "mappings": ";;;;;;;;;AAAA,SAAS,eAAe,iBAAiB;AACzC,SAAS,+BAA+B;AAGjC,IAAM,aAAN,MAAMA,oBAAmB,wBAAuB;EAGrD,cAAA;AACE,UAAK;AAHC,SAAA,YAAiB;EAIzB;EAEA,IAAI,SAAS,KAAQ;AACnB,SAAK,YAAY;AACjB,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AACpD,SAAK,OAAM;EACb;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,OAAM;IACb;EACF;EAEQ,SAAM;AACZ,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,YAAY,YAAY,EAAC;QACrD,SAAS,GAAG;AACV,qBAAW;QACb;MACF;IACF;AAEA,SAAK,YAAY;AACjB,QAAI,YAAY,KAAK,gBAAgB,SAAS,GAAG;AAC/C,WAAK,gBAAgB,QAAQ,aAAU;AACrC,cAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,YAAI,MAAM;AAAO,gBAAM,MAAM,UAAU;AACvC,aAAK,YAAY,KAAK;AACtB,aAAK,UAAU,OAAO,KAAK,SAAS;MACtC,CAAC;IACH;EACF;;AAtCA,WAAA;EADC;;;;;AAjBU,aAAU,WAAA;EADtB,cAAc,EAAE,MAAM,gBAAgB,SAAS,QAAO,CAAE;;GAC5C,UAAU;",
+  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLTrackElementBase } from './SwcHTMLTrackElementBase';\n\n@elementDefine({ name: 'swc-if-track', extends: 'track' })\nexport class SwcIfTrack extends SwcHTMLTrackElementBase {\n  private _swcValue: any = false;\n\n  constructor() {\n    super();\n  }\n\n  set swcValue(val: any) {\n    this._swcValue = val;\n    if (this._masterTplNodes.length === 0) this.initCore();\n    this.render();\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.render();\n    }\n  }\n\n  private render() {\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    this.innerHTML = '';\n    if (isTruthy && this._masterTplNodes.length > 0) {\n      this._masterTplNodes.forEach(tplNode => {\n        const clone = tplNode.cloneNode(true) as HTMLElement;\n        this.appendChild(clone);\n        if (clone.style) clone.style.display = 'contents';\n        this.applyData(clone, this._swcValue);\n      });\n    }\n  }\n}\n"],
+  "mappings": ";;;;;;;;;AAAA,SAAS,eAAe,iBAAiB;AACzC,SAAS,+BAA+B;AAGjC,IAAM,aAAN,MAAMA,oBAAmB,wBAAuB;EAGrD,cAAA;AACE,UAAK;AAHC,SAAA,YAAiB;EAIzB;EAEA,IAAI,SAAS,KAAQ;AACnB,SAAK,YAAY;AACjB,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AACpD,SAAK,OAAM;EACb;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,OAAM;IACb;EACF;EAEQ,SAAM;AACZ,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,YAAY,YAAY,EAAC;QACrD,SAAS,GAAG;AACV,qBAAW;QACb;MACF;IACF;AAEA,SAAK,YAAY;AACjB,QAAI,YAAY,KAAK,gBAAgB,SAAS,GAAG;AAC/C,WAAK,gBAAgB,QAAQ,aAAU;AACrC,cAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,aAAK,YAAY,KAAK;AACtB,YAAI,MAAM;AAAO,gBAAM,MAAM,UAAU;AACvC,aAAK,UAAU,OAAO,KAAK,SAAS;MACtC,CAAC;IACH;EACF;;AAtCA,WAAA;EADC;;;;;AAjBU,aAAU,WAAA;EADtB,cAAc,EAAE,MAAM,gBAAgB,SAAS,QAAO,CAAE;;GAC5C,UAAU;",
   "names": ["SwcIfTrack"]
 }

package/dist/esm/is/SwcIfUl.js

@@ -54,9 +54,9 @@ let SwcIfUl = class SwcIfUl2 extends SwcHTMLUListElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach((tplNode) => {
         const clone = tplNode.cloneNode(true);
+        this.appendChild(clone);
         if (clone.style)
           clone.style.display = "contents";
-        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcIfUl.ts"],
-  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLUListElementBase } from './SwcHTMLUListElementBase';\n\n@elementDefine({ name: 'swc-if-ul', extends: 'ul' })\nexport class SwcIfUl extends SwcHTMLUListElementBase {\n  private _swcValue: any = false;\n\n  constructor() {\n    super();\n  }\n\n  set swcValue(val: any) {\n    this._swcValue = val;\n    if (this._masterTplNodes.length === 0) this.initCore();\n    this.render();\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.render();\n    }\n  }\n\n  private render() {\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    this.innerHTML = '';\n    if (isTruthy && this._masterTplNodes.length > 0) {\n      this._masterTplNodes.forEach(tplNode => {\n        const clone = tplNode.cloneNode(true) as HTMLElement;\n        if (clone.style) clone.style.display = 'contents';\n        this.appendChild(clone);\n        this.applyData(clone, this._swcValue);\n      });\n    }\n  }\n}\n"],
-  "mappings": ";;;;;;;;;AAAA,SAAS,eAAe,iBAAiB;AACzC,SAAS,+BAA+B;AAGjC,IAAM,UAAN,MAAMA,iBAAgB,wBAAuB;EAGlD,cAAA;AACE,UAAK;AAHC,SAAA,YAAiB;EAIzB;EAEA,IAAI,SAAS,KAAQ;AACnB,SAAK,YAAY;AACjB,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AACpD,SAAK,OAAM;EACb;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,OAAM;IACb;EACF;EAEQ,SAAM;AACZ,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,YAAY,YAAY,EAAC;QACrD,SAAS,GAAG;AACV,qBAAW;QACb;MACF;IACF;AAEA,SAAK,YAAY;AACjB,QAAI,YAAY,KAAK,gBAAgB,SAAS,GAAG;AAC/C,WAAK,gBAAgB,QAAQ,aAAU;AACrC,cAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,YAAI,MAAM;AAAO,gBAAM,MAAM,UAAU;AACvC,aAAK,YAAY,KAAK;AACtB,aAAK,UAAU,OAAO,KAAK,SAAS;MACtC,CAAC;IACH;EACF;;AAtCA,WAAA;EADC;;;;;AAjBU,UAAO,WAAA;EADnB,cAAc,EAAE,MAAM,aAAa,SAAS,KAAI,CAAE;;GACtC,OAAO;",
+  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLUListElementBase } from './SwcHTMLUListElementBase';\n\n@elementDefine({ name: 'swc-if-ul', extends: 'ul' })\nexport class SwcIfUl extends SwcHTMLUListElementBase {\n  private _swcValue: any = false;\n\n  constructor() {\n    super();\n  }\n\n  set swcValue(val: any) {\n    this._swcValue = val;\n    if (this._masterTplNodes.length === 0) this.initCore();\n    this.render();\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.render();\n    }\n  }\n\n  private render() {\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    this.innerHTML = '';\n    if (isTruthy && this._masterTplNodes.length > 0) {\n      this._masterTplNodes.forEach(tplNode => {\n        const clone = tplNode.cloneNode(true) as HTMLElement;\n        this.appendChild(clone);\n        if (clone.style) clone.style.display = 'contents';\n        this.applyData(clone, this._swcValue);\n      });\n    }\n  }\n}\n"],
+  "mappings": ";;;;;;;;;AAAA,SAAS,eAAe,iBAAiB;AACzC,SAAS,+BAA+B;AAGjC,IAAM,UAAN,MAAMA,iBAAgB,wBAAuB;EAGlD,cAAA;AACE,UAAK;AAHC,SAAA,YAAiB;EAIzB;EAEA,IAAI,SAAS,KAAQ;AACnB,SAAK,YAAY;AACjB,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AACpD,SAAK,OAAM;EACb;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,OAAM;IACb;EACF;EAEQ,SAAM;AACZ,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,YAAY,YAAY,EAAC;QACrD,SAAS,GAAG;AACV,qBAAW;QACb;MACF;IACF;AAEA,SAAK,YAAY;AACjB,QAAI,YAAY,KAAK,gBAAgB,SAAS,GAAG;AAC/C,WAAK,gBAAgB,QAAQ,aAAU;AACrC,cAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,aAAK,YAAY,KAAK;AACtB,YAAI,MAAM;AAAO,gBAAM,MAAM,UAAU;AACvC,aAAK,UAAU,OAAO,KAAK,SAAS;MACtC,CAAC;IACH;EACF;;AAtCA,WAAA;EADC;;;;;AAjBU,UAAO,WAAA;EADnB,cAAc,EAAE,MAAM,aAAa,SAAS,KAAI,CAAE;;GACtC,OAAO;",
   "names": ["SwcIfUl"]
 }

package/dist/esm/is/SwcIfVideo.js

@@ -54,9 +54,9 @@ let SwcIfVideo = class SwcIfVideo2 extends SwcHTMLVideoElementBase {
     if (isTruthy && this._masterTplNodes.length > 0) {
       this._masterTplNodes.forEach((tplNode) => {
         const clone = tplNode.cloneNode(true);
+        this.appendChild(clone);
         if (clone.style)
           clone.style.display = "contents";
-        this.appendChild(clone);
         this.applyData(clone, this._swcValue);
       });
     }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcIfVideo.ts"],
-  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLVideoElementBase } from './SwcHTMLVideoElementBase';\n\n@elementDefine({ name: 'swc-if-video', extends: 'video' })\nexport class SwcIfVideo extends SwcHTMLVideoElementBase {\n  private _swcValue: any = false;\n\n  constructor() {\n    super();\n  }\n\n  set swcValue(val: any) {\n    this._swcValue = val;\n    if (this._masterTplNodes.length === 0) this.initCore();\n    this.render();\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.render();\n    }\n  }\n\n  private render() {\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    this.innerHTML = '';\n    if (isTruthy && this._masterTplNodes.length > 0) {\n      this._masterTplNodes.forEach(tplNode => {\n        const clone = tplNode.cloneNode(true) as HTMLElement;\n        if (clone.style) clone.style.display = 'contents';\n        this.appendChild(clone);\n        this.applyData(clone, this._swcValue);\n      });\n    }\n  }\n}\n"],
-  "mappings": ";;;;;;;;;AAAA,SAAS,eAAe,iBAAiB;AACzC,SAAS,+BAA+B;AAGjC,IAAM,aAAN,MAAMA,oBAAmB,wBAAuB;EAGrD,cAAA;AACE,UAAK;AAHC,SAAA,YAAiB;EAIzB;EAEA,IAAI,SAAS,KAAQ;AACnB,SAAK,YAAY;AACjB,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AACpD,SAAK,OAAM;EACb;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,OAAM;IACb;EACF;EAEQ,SAAM;AACZ,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,YAAY,YAAY,EAAC;QACrD,SAAS,GAAG;AACV,qBAAW;QACb;MACF;IACF;AAEA,SAAK,YAAY;AACjB,QAAI,YAAY,KAAK,gBAAgB,SAAS,GAAG;AAC/C,WAAK,gBAAgB,QAAQ,aAAU;AACrC,cAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,YAAI,MAAM;AAAO,gBAAM,MAAM,UAAU;AACvC,aAAK,YAAY,KAAK;AACtB,aAAK,UAAU,OAAO,KAAK,SAAS;MACtC,CAAC;IACH;EACF;;AAtCA,WAAA;EADC;;;;;AAjBU,aAAU,WAAA;EADtB,cAAc,EAAE,MAAM,gBAAgB,SAAS,QAAO,CAAE;;GAC5C,UAAU;",
+  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLVideoElementBase } from './SwcHTMLVideoElementBase';\n\n@elementDefine({ name: 'swc-if-video', extends: 'video' })\nexport class SwcIfVideo extends SwcHTMLVideoElementBase {\n  private _swcValue: any = false;\n\n  constructor() {\n    super();\n  }\n\n  set swcValue(val: any) {\n    this._swcValue = val;\n    if (this._masterTplNodes.length === 0) this.initCore();\n    this.render();\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.render();\n    }\n  }\n\n  private render() {\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    this.innerHTML = '';\n    if (isTruthy && this._masterTplNodes.length > 0) {\n      this._masterTplNodes.forEach(tplNode => {\n        const clone = tplNode.cloneNode(true) as HTMLElement;\n        this.appendChild(clone);\n        if (clone.style) clone.style.display = 'contents';\n        this.applyData(clone, this._swcValue);\n      });\n    }\n  }\n}\n"],
+  "mappings": ";;;;;;;;;AAAA,SAAS,eAAe,iBAAiB;AACzC,SAAS,+BAA+B;AAGjC,IAAM,aAAN,MAAMA,oBAAmB,wBAAuB;EAGrD,cAAA;AACE,UAAK;AAHC,SAAA,YAAiB;EAIzB;EAEA,IAAI,SAAS,KAAQ;AACnB,SAAK,YAAY;AACjB,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AACpD,SAAK,OAAM;EACb;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,OAAM;IACb;EACF;EAEQ,SAAM;AACZ,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,YAAY,YAAY,EAAC;QACrD,SAAS,GAAG;AACV,qBAAW;QACb;MACF;IACF;AAEA,SAAK,YAAY;AACjB,QAAI,YAAY,KAAK,gBAAgB,SAAS,GAAG;AAC/C,WAAK,gBAAgB,QAAQ,aAAU;AACrC,cAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,aAAK,YAAY,KAAK;AACtB,YAAI,MAAM;AAAO,gBAAM,MAAM,UAAU;AACvC,aAAK,UAAU,OAAO,KAAK,SAAS;MACtC,CAAC;IACH;EACF;;AAtCA,WAAA;EADC;;;;;AAjBU,aAAU,WAAA;EADtB,cAAc,EAAE,MAAM,gBAAgB,SAAS,QAAO,CAAE;;GAC5C,UAAU;",
   "names": ["SwcIfVideo"]
 }

package/dist/esm/utils/Utils.js

@@ -1,34 +1,25 @@
 class SwcUtils {
-  static getValueByPath(obj, path, asKey) {
+  static getValueByPath(obj, path, rootName) {
     if (!obj || !path) return void 0;
     const parts = path.split(".");
-    let result = obj;
-    let success = true;
-    for (const part of parts) {
-      if (result !== null && typeof result === "object" && part in result) {
-        result = result[part];
-      } else {
-        success = false;
-        break;
-      }
-    }
-    if (success && result !== obj && !(result instanceof HTMLElement)) {
-      return result;
-    }
-    if (path === asKey) return obj;
-    if (path.startsWith(asKey + ".")) {
+    if (parts[0] === rootName && parts.length > 1) {
       const subParts = parts.slice(1);
       let subResult = obj;
       for (const part of subParts) {
-        if (subResult !== null && typeof subResult === "object" && part in subResult) {
-          subResult = subResult[part];
-        } else {
-          return void 0;
-        }
+        if (subResult === null || subResult === void 0) return void 0;
+        subResult = subResult[part];
       }
       return subResult;
     }
-    if (obj instanceof HTMLElement && obj.parentElement) {
+    let result = obj;
+    for (const part of parts) {
+      if (result === null || result === void 0 || !(part in result)) {
+        return void 0;
+      }
+      result = result[part];
+    }
+    if (result !== obj && !(result instanceof HTMLElement)) {
+      return result;
     }
     return void 0;
   }

package/dist/esm/utils/Utils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/utils/Utils.ts"],
-  "sourcesContent": ["export class SwcUtils {\n  static getValueByPath(obj: any, path: string, asKey: string) {\n    if (!obj || !path) return undefined;\n\n    const parts = path.split('.');\n\n    // 1. Try resolving directly on the provided object (Full path)\n    let result = obj;\n    let success = true;\n    for (const part of parts) {\n      if (result !== null && typeof result === 'object' && part in result) {\n        result = result[part];\n      } else {\n        success = false;\n        break;\n      }\n    }\n\n    if (success && result !== obj && !(result instanceof HTMLElement)) {\n      return result;\n    }\n\n    // 2. Handle asKey fallback (for swc-for-of where obj IS the data)\n    if (path === asKey) return obj;\n    if (path.startsWith(asKey + '.')) {\n      const subParts = parts.slice(1);\n      let subResult = obj;\n      for (const part of subParts) {\n        if (subResult !== null && typeof subResult === 'object' && part in subResult) {\n          subResult = subResult[part];\n        } else {\n          return undefined;\n        }\n      }\n      return subResult;\n    }\n\n    // 3. \uC0C1\uC704 \uC2A4\uCF54\uD504 \uD0D0\uC0C9 (Bubbling Up)\n    // \uB9CC\uC57D \uD604\uC7AC \uC5D8\uB9AC\uBA3C\uD2B8\uC5D0\uC11C \uBABB \uCC3E\uC558\uB2E4\uBA74, \uBD80\uBAA8 \uC5D8\uB9AC\uBA3C\uD2B8\uC5D0\uAC8C \uBB3C\uC5B4\uBD05\uB2C8\uB2E4.\n    if (obj instanceof HTMLElement && obj.parentElement) {\n      // \uBD80\uBAA8\uC758 \uBC14\uC778\uB529 \uC2DC\uC2A4\uD15C\uC5D0 \uC811\uADFC\uD558\uAE30 \uC704\uD574 \uC774\uBCA4\uD2B8\uB97C \uC3D8\uAC70\uB098 \uC9C1\uC811 \uCC38\uC870\uD560 \uC218 \uC788\uC74C\n      // \uC5EC\uAE30\uC11C\uB294 \uC5D4\uC9C4 \uB808\uBCA8\uC5D0\uC11C \uCC98\uB9AC\uD558\uAE30 \uC704\uD574 elementDefine\uC5D0\uC11C \uB8E8\uD504\uB97C \uB3CC\uB9B4 \uC608\uC815\uC785\uB2C8\uB2E4.\n    }\n\n    return undefined;\n  }\n\n  static applyData(\n    node: Node,\n    data: any,\n    options: {\n      asKey: string;\n      asIndexKey: string;\n      index?: number;\n    }\n  ) {\n    const { asKey, asIndexKey, index } = options;\n    const context: Record<string, any> = {};\n    if (index !== undefined) {\n      context[asIndexKey] = index.toString();\n    }\n\n    const walk = (n: Node) => {\n      if (n.nodeType === Node.TEXT_NODE) {\n        if (!(n as any)._original) (n as any)._original = n.textContent;\n        let text = (n as any)._original;\n\n        text = text.replace(/{{(.*?)}}/g, (match: string, path: string) => {\n          path = path.trim();\n          if (context[path] !== undefined) return context[path];\n          const val = SwcUtils.getValueByPath(data, path, asKey);\n          return val !== undefined ? val : match;\n        });\n        if (n.textContent !== text) n.textContent = text;\n      } else if (n.nodeType === Node.ELEMENT_NODE) {\n        const el = n as Element;\n        Array.from(el.attributes).forEach(a => {\n          if (!(a as any)._original) (a as any)._original = a.value;\n          let val = (a as any)._original;\n\n          val = val.replace(/{{(.*?)}}/g, (match: string, path: string) => {\n            path = path.trim();\n            if (context[path] !== undefined) return context[path];\n            const v = SwcUtils.getValueByPath(data, path, asKey);\n            return v !== undefined ? v : match;\n          });\n          if (a.value !== val) a.value = val;\n        });\n        el.childNodes.forEach(walk);\n      }\n    };\n    walk(node);\n  }\n\n  static createReactiveProxy(target: any, onChange: () => void, onIndexChange?: (index: number, val: any) => void) {\n    const makeRecursiveProxy = (obj: any): any => {\n      if (typeof obj !== 'object' || obj === null || obj instanceof Node) return obj;\n\n      return new Proxy(obj, {\n        set: (t, prop, val) => {\n          const oldVal = t[prop];\n          if (oldVal === val) return true;\n\n          t[prop] = makeRecursiveProxy(val);\n\n          const isIndex = !isNaN(Number(prop)) && Array.isArray(t);\n          if (isIndex && onIndexChange) {\n            onIndexChange(Number(prop), val);\n          } else {\n            onChange();\n          }\n          return true;\n        },\n        deleteProperty: (t, prop) => {\n          delete t[prop];\n          onChange();\n          return true;\n        }\n      });\n    };\n\n    return makeRecursiveProxy(target);\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["export class SwcUtils {\n  static getValueByPath(obj: any, path: string, rootName: string) {\n    if (!obj || !path) return undefined;\n\n    const parts = path.split('.');\n\n    // 1. If the path starts with the rootName (alias), strip it and resolve within obj\n    // e.g., getValueByPath({name: 'Kim'}, 'u.name', 'u') -> returns 'Kim'\n    if (parts[0] === rootName && parts.length > 1) {\n      const subParts = parts.slice(1);\n      let subResult = obj;\n      for (const part of subParts) {\n        if (subResult === null || subResult === undefined) return undefined;\n        subResult = subResult[part];\n      }\n      return subResult;\n    }\n\n    // 2. Fallback: resolve directly on obj (standard behavior)\n    let result = obj;\n    for (const part of parts) {\n      if (result === null || result === undefined || !(part in result)) {\n        return undefined;\n      }\n      result = result[part];\n    }\n\n    // Safety: don't return the instance itself or a DOM element as a template value\n    if (result !== obj && !(result instanceof HTMLElement)) {\n      return result;\n    }\n\n    return undefined;\n  }\n\n  static applyData(\n    node: Node,\n    data: any,\n    options: {\n      asKey: string;\n      asIndexKey: string;\n      index?: number;\n    }\n  ) {\n    const { asKey, asIndexKey, index } = options;\n    const context: Record<string, any> = {};\n    if (index !== undefined) {\n      context[asIndexKey] = index.toString();\n    }\n\n    const walk = (n: Node) => {\n      if (n.nodeType === Node.TEXT_NODE) {\n        if (!(n as any)._original) (n as any)._original = n.textContent;\n        let text = (n as any)._original;\n\n        text = text.replace(/{{(.*?)}}/g, (match: string, path: string) => {\n          path = path.trim();\n          if (context[path] !== undefined) return context[path];\n          const val = SwcUtils.getValueByPath(data, path, asKey);\n          return val !== undefined ? val : match;\n        });\n        if (n.textContent !== text) n.textContent = text;\n      } else if (n.nodeType === Node.ELEMENT_NODE) {\n        const el = n as Element;\n        Array.from(el.attributes).forEach(a => {\n          if (!(a as any)._original) (a as any)._original = a.value;\n          let val = (a as any)._original;\n\n          val = val.replace(/{{(.*?)}}/g, (match: string, path: string) => {\n            path = path.trim();\n            if (context[path] !== undefined) return context[path];\n            const v = SwcUtils.getValueByPath(data, path, asKey);\n            return v !== undefined ? v : match;\n          });\n          if (a.value !== val) a.value = val;\n        });\n        el.childNodes.forEach(walk);\n      }\n    };\n    walk(node);\n  }\n\n  static createReactiveProxy(target: any, onChange: () => void, onIndexChange?: (index: number, val: any) => void) {\n    const makeRecursiveProxy = (obj: any): any => {\n      if (typeof obj !== 'object' || obj === null || obj instanceof Node) return obj;\n\n      return new Proxy(obj, {\n        set: (t, prop, val) => {\n          const oldVal = t[prop];\n          if (oldVal === val) return true;\n          t[prop] = makeRecursiveProxy(val);\n          const isIndex = !isNaN(Number(prop)) && Array.isArray(t);\n          if (isIndex && onIndexChange) {\n            onIndexChange(Number(prop), val);\n          } else {\n            onChange();\n          }\n          return true;\n        },\n        deleteProperty: (t, prop) => {\n          delete t[prop];\n          onChange();\n          return true;\n        }\n      });\n    };\n\n    return makeRecursiveProxy(target);\n  }\n}\n"],
+  "mappings": "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",
   "names": []
 }