@dooboostore/simple-web-component 1.0.6 → 1.0.8

package/dist/esm/elements/SwcObject.js

@@ -18,7 +18,12 @@ let SwcObject = class SwcObject2 extends SwcHTMLElementBase {
   set swcValue(val) {
     if (typeof val !== "object" || val === null)
       val = {};
-    this._swcValue = this.createReactiveProxy(val, () => this.updateUI());
+    this._swcValue = this.createReactiveProxy(val, () => {
+      if (typeof this._updateState === "function") {
+        this._updateState(this._asKey);
+      }
+      this.updateUI();
+    });
     if (this._masterTplNodes.length === 0)
       this.initCore();
     this.render();
@@ -42,13 +47,10 @@ let SwcObject = class SwcObject2 extends SwcHTMLElementBase {
     });
   }
   render() {
+    this.innerHTML = "";
+    this._renderedNodes = [];
     if (!this.shadowRoot || this._masterTplNodes.length === 0)
       return;
-    this._renderedNodes.forEach((n) => {
-      if (n.parentElement === this)
-        this.removeChild(n);
-    });
-    this._renderedNodes = [];
     let slot = this.shadowRoot.querySelector('slot[name="obj-content"]');
     if (!slot) {
       slot = document.createElement("slot");

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

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

package/dist/esm/index.js

@@ -8,13 +8,10 @@ export * from "./decorators/lifecycles.js";
 export * from "./decorators/query.js";
 export * from "./decorators/queryAll.js";
 export * from "./decorators/addEventListener.js";
-export * from "./elements/SwcForOf.js";
-export * from "./elements/SwcIf.js";
-export * from "./elements/SwcChoose.js";
-export * from "./elements/SwcWhen.js";
-export * from "./elements/SwcOther.js";
-export * from "./elements/SwcObject.js";
 export * from "./elements/SwcHTMLElementBase.js";
+export * from "./elements/SwcObject.js";
+export * from "./elements/SwcIf.js";
+export * from "./elements/SwcForOf.js";
 export * from "./utils/Utils.js";
 export * from "./is/SwcHTMLAnchorElementBase.js";
 export * from "./is/SwcForOfAnchor.js";

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "sourcesContent": ["import 'reflect-metadata';\nexport * from './decorators/elementDefine';\nexport * from './decorators/innerHtml';\nexport * from './decorators/attribute';\nexport * from './decorators/state';\nexport * from './decorators/emitCustomEvent';\nexport * from './decorators/lifecycles';\nexport * from './decorators/query';\nexport * from './decorators/queryAll';\nexport * from './decorators/addEventListener';\nexport * from './elements/SwcForOf';\nexport * from './elements/SwcIf';\nexport * from './elements/SwcChoose';\nexport * from './elements/SwcWhen';\nexport * from './elements/SwcOther';\nexport * from './elements/SwcObject';\nexport * from './elements/SwcHTMLElementBase';\nexport * from './utils/Utils';\nexport * from './is/SwcHTMLAnchorElementBase';\nexport * from './is/SwcForOfAnchor';\nexport * from './is/SwcIfAnchor';\nexport * from './is/SwcObjectAnchor';\nexport * from './is/SwcChooseAnchor';\nexport * from './is/SwcWhenAnchor';\nexport * from './is/SwcOtherAnchor';\nexport * from './is/SwcHTMLAreaElementBase';\nexport * from './is/SwcForOfArea';\nexport * from './is/SwcIfArea';\nexport * from './is/SwcObjectArea';\nexport * from './is/SwcChooseArea';\nexport * from './is/SwcWhenArea';\nexport * from './is/SwcOtherArea';\nexport * from './is/SwcHTMLAudioElementBase';\nexport * from './is/SwcForOfAudio';\nexport * from './is/SwcIfAudio';\nexport * from './is/SwcObjectAudio';\nexport * from './is/SwcChooseAudio';\nexport * from './is/SwcWhenAudio';\nexport * from './is/SwcOtherAudio';\nexport * from './is/SwcHTMLBaseElementBase';\nexport * from './is/SwcForOfBase';\nexport * from './is/SwcIfBase';\nexport * from './is/SwcObjectBase';\nexport * from './is/SwcChooseBase';\nexport * from './is/SwcWhenBase';\nexport * from './is/SwcOtherBase';\nexport * from './is/SwcHTMLButtonElementBase';\nexport * from './is/SwcForOfButton';\nexport * from './is/SwcIfButton';\nexport * from './is/SwcObjectButton';\nexport * from './is/SwcChooseButton';\nexport * from './is/SwcWhenButton';\nexport * from './is/SwcOtherButton';\nexport * from './is/SwcHTMLCanvasElementBase';\nexport * from './is/SwcForOfCanvas';\nexport * from './is/SwcIfCanvas';\nexport * from './is/SwcObjectCanvas';\nexport * from './is/SwcChooseCanvas';\nexport * from './is/SwcWhenCanvas';\nexport * from './is/SwcOtherCanvas';\nexport * from './is/SwcHTMLDataElementBase';\nexport * from './is/SwcForOfData';\nexport * from './is/SwcIfData';\nexport * from './is/SwcObjectData';\nexport * from './is/SwcChooseData';\nexport * from './is/SwcWhenData';\nexport * from './is/SwcOtherData';\nexport * from './is/SwcHTMLDataListElementBase';\nexport * from './is/SwcForOfDataList';\nexport * from './is/SwcIfDataList';\nexport * from './is/SwcObjectDataList';\nexport * from './is/SwcChooseDataList';\nexport * from './is/SwcWhenDataList';\nexport * from './is/SwcOtherDataList';\nexport * from './is/SwcHTMLDetailsElementBase';\nexport * from './is/SwcForOfDetails';\nexport * from './is/SwcIfDetails';\nexport * from './is/SwcObjectDetails';\nexport * from './is/SwcChooseDetails';\nexport * from './is/SwcWhenDetails';\nexport * from './is/SwcOtherDetails';\nexport * from './is/SwcHTMLDialogElementBase';\nexport * from './is/SwcForOfDialog';\nexport * from './is/SwcIfDialog';\nexport * from './is/SwcObjectDialog';\nexport * from './is/SwcChooseDialog';\nexport * from './is/SwcWhenDialog';\nexport * from './is/SwcOtherDialog';\nexport * from './is/SwcHTMLDivElementBase';\nexport * from './is/SwcForOfDiv';\nexport * from './is/SwcIfDiv';\nexport * from './is/SwcObjectDiv';\nexport * from './is/SwcChooseDiv';\nexport * from './is/SwcWhenDiv';\nexport * from './is/SwcOtherDiv';\nexport * from './is/SwcHTMLDListElementBase';\nexport * from './is/SwcForOfDl';\nexport * from './is/SwcIfDl';\nexport * from './is/SwcObjectDl';\nexport * from './is/SwcChooseDl';\nexport * from './is/SwcWhenDl';\nexport * from './is/SwcOtherDl';\nexport * from './is/SwcHTMLEmbedElementBase';\nexport * from './is/SwcForOfEmbed';\nexport * from './is/SwcIfEmbed';\nexport * from './is/SwcObjectEmbed';\nexport * from './is/SwcChooseEmbed';\nexport * from './is/SwcWhenEmbed';\nexport * from './is/SwcOtherEmbed';\nexport * from './is/SwcHTMLFieldSetElementBase';\nexport * from './is/SwcForOfFieldSet';\nexport * from './is/SwcIfFieldSet';\nexport * from './is/SwcObjectFieldSet';\nexport * from './is/SwcChooseFieldSet';\nexport * from './is/SwcWhenFieldSet';\nexport * from './is/SwcOtherFieldSet';\nexport * from './is/SwcHTMLFormElementBase';\nexport * from './is/SwcForOfForm';\nexport * from './is/SwcIfForm';\nexport * from './is/SwcObjectForm';\nexport * from './is/SwcChooseForm';\nexport * from './is/SwcWhenForm';\nexport * from './is/SwcOtherForm';\nexport * from './is/SwcHTMLHRElementBase';\nexport * from './is/SwcForOfHr';\nexport * from './is/SwcIfHr';\nexport * from './is/SwcObjectHr';\nexport * from './is/SwcChooseHr';\nexport * from './is/SwcWhenHr';\nexport * from './is/SwcOtherHr';\nexport * from './is/SwcHTMLIFrameElementBase';\nexport * from './is/SwcForOfIFrame';\nexport * from './is/SwcIfIFrame';\nexport * from './is/SwcObjectIFrame';\nexport * from './is/SwcChooseIFrame';\nexport * from './is/SwcWhenIFrame';\nexport * from './is/SwcOtherIFrame';\nexport * from './is/SwcHTMLImageElementBase';\nexport * from './is/SwcForOfImage';\nexport * from './is/SwcIfImage';\nexport * from './is/SwcObjectImage';\nexport * from './is/SwcChooseImage';\nexport * from './is/SwcWhenImage';\nexport * from './is/SwcOtherImage';\nexport * from './is/SwcHTMLInputElementBase';\nexport * from './is/SwcForOfInput';\nexport * from './is/SwcIfInput';\nexport * from './is/SwcObjectInput';\nexport * from './is/SwcChooseInput';\nexport * from './is/SwcWhenInput';\nexport * from './is/SwcOtherInput';\nexport * from './is/SwcHTMLLabelElementBase';\nexport * from './is/SwcForOfLabel';\nexport * from './is/SwcIfLabel';\nexport * from './is/SwcObjectLabel';\nexport * from './is/SwcChooseLabel';\nexport * from './is/SwcWhenLabel';\nexport * from './is/SwcOtherLabel';\nexport * from './is/SwcHTMLLegendElementBase';\nexport * from './is/SwcForOfLegend';\nexport * from './is/SwcIfLegend';\nexport * from './is/SwcObjectLegend';\nexport * from './is/SwcChooseLegend';\nexport * from './is/SwcWhenLegend';\nexport * from './is/SwcOtherLegend';\nexport * from './is/SwcHTMLLIElementBase';\nexport * from './is/SwcForOfLi';\nexport * from './is/SwcIfLi';\nexport * from './is/SwcObjectLi';\nexport * from './is/SwcChooseLi';\nexport * from './is/SwcWhenLi';\nexport * from './is/SwcOtherLi';\nexport * from './is/SwcHTMLLinkElementBase';\nexport * from './is/SwcForOfLink';\nexport * from './is/SwcIfLink';\nexport * from './is/SwcObjectLink';\nexport * from './is/SwcChooseLink';\nexport * from './is/SwcWhenLink';\nexport * from './is/SwcOtherLink';\nexport * from './is/SwcHTMLMapElementBase';\nexport * from './is/SwcForOfMap';\nexport * from './is/SwcIfMap';\nexport * from './is/SwcObjectMap';\nexport * from './is/SwcChooseMap';\nexport * from './is/SwcWhenMap';\nexport * from './is/SwcOtherMap';\nexport * from './is/SwcHTMLMetaElementBase';\nexport * from './is/SwcForOfMeta';\nexport * from './is/SwcIfMeta';\nexport * from './is/SwcObjectMeta';\nexport * from './is/SwcChooseMeta';\nexport * from './is/SwcWhenMeta';\nexport * from './is/SwcOtherMeta';\nexport * from './is/SwcHTMLMeterElementBase';\nexport * from './is/SwcForOfMeter';\nexport * from './is/SwcIfMeter';\nexport * from './is/SwcObjectMeter';\nexport * from './is/SwcChooseMeter';\nexport * from './is/SwcWhenMeter';\nexport * from './is/SwcOtherMeter';\nexport * from './is/SwcHTMLModElementBase';\nexport * from './is/SwcForOfMod';\nexport * from './is/SwcIfMod';\nexport * from './is/SwcObjectMod';\nexport * from './is/SwcChooseMod';\nexport * from './is/SwcWhenMod';\nexport * from './is/SwcOtherMod';\nexport * from './is/SwcHTMLObjectElementBase';\nexport * from './is/SwcForOfObject';\nexport * from './is/SwcIfObject';\nexport * from './is/SwcObjectObject';\nexport * from './is/SwcChooseObject';\nexport * from './is/SwcWhenObject';\nexport * from './is/SwcOtherObject';\nexport * from './is/SwcHTMLOListElementBase';\nexport * from './is/SwcForOfOl';\nexport * from './is/SwcIfOl';\nexport * from './is/SwcObjectOl';\nexport * from './is/SwcChooseOl';\nexport * from './is/SwcWhenOl';\nexport * from './is/SwcOtherOl';\nexport * from './is/SwcHTMLOptGroupElementBase';\nexport * from './is/SwcForOfOptGroup';\nexport * from './is/SwcIfOptGroup';\nexport * from './is/SwcObjectOptGroup';\nexport * from './is/SwcChooseOptGroup';\nexport * from './is/SwcWhenOptGroup';\nexport * from './is/SwcOtherOptGroup';\nexport * from './is/SwcHTMLOptionElementBase';\nexport * from './is/SwcForOfOption';\nexport * from './is/SwcIfOption';\nexport * from './is/SwcObjectOption';\nexport * from './is/SwcChooseOption';\nexport * from './is/SwcWhenOption';\nexport * from './is/SwcOtherOption';\nexport * from './is/SwcHTMLOutputElementBase';\nexport * from './is/SwcForOfOutput';\nexport * from './is/SwcIfOutput';\nexport * from './is/SwcObjectOutput';\nexport * from './is/SwcChooseOutput';\nexport * from './is/SwcWhenOutput';\nexport * from './is/SwcOtherOutput';\nexport * from './is/SwcHTMLParagraphElementBase';\nexport * from './is/SwcForOfParagraph';\nexport * from './is/SwcIfParagraph';\nexport * from './is/SwcObjectParagraph';\nexport * from './is/SwcChooseParagraph';\nexport * from './is/SwcWhenParagraph';\nexport * from './is/SwcOtherParagraph';\nexport * from './is/SwcHTMLParamElementBase';\nexport * from './is/SwcForOfParam';\nexport * from './is/SwcIfParam';\nexport * from './is/SwcObjectParam';\nexport * from './is/SwcChooseParam';\nexport * from './is/SwcWhenParam';\nexport * from './is/SwcOtherParam';\nexport * from './is/SwcHTMLPictureElementBase';\nexport * from './is/SwcForOfPicture';\nexport * from './is/SwcIfPicture';\nexport * from './is/SwcObjectPicture';\nexport * from './is/SwcChoosePicture';\nexport * from './is/SwcWhenPicture';\nexport * from './is/SwcOtherPicture';\nexport * from './is/SwcHTMLPreElementBase';\nexport * from './is/SwcForOfPre';\nexport * from './is/SwcIfPre';\nexport * from './is/SwcObjectPre';\nexport * from './is/SwcChoosePre';\nexport * from './is/SwcWhenPre';\nexport * from './is/SwcOtherPre';\nexport * from './is/SwcHTMLProgressElementBase';\nexport * from './is/SwcForOfProgress';\nexport * from './is/SwcIfProgress';\nexport * from './is/SwcObjectProgress';\nexport * from './is/SwcChooseProgress';\nexport * from './is/SwcWhenProgress';\nexport * from './is/SwcOtherProgress';\nexport * from './is/SwcHTMLQuoteElementBase';\nexport * from './is/SwcForOfQuote';\nexport * from './is/SwcIfQuote';\nexport * from './is/SwcObjectQuote';\nexport * from './is/SwcChooseQuote';\nexport * from './is/SwcWhenQuote';\nexport * from './is/SwcOtherQuote';\nexport * from './is/SwcHTMLScriptElementBase';\nexport * from './is/SwcForOfScript';\nexport * from './is/SwcIfScript';\nexport * from './is/SwcObjectScript';\nexport * from './is/SwcChooseScript';\nexport * from './is/SwcWhenScript';\nexport * from './is/SwcOtherScript';\nexport * from './is/SwcHTMLSelectElementBase';\nexport * from './is/SwcForOfSelect';\nexport * from './is/SwcIfSelect';\nexport * from './is/SwcObjectSelect';\nexport * from './is/SwcChooseSelect';\nexport * from './is/SwcWhenSelect';\nexport * from './is/SwcOtherSelect';\nexport * from './is/SwcHTMLSlotElementBase';\nexport * from './is/SwcForOfSlot';\nexport * from './is/SwcIfSlot';\nexport * from './is/SwcObjectSlot';\nexport * from './is/SwcChooseSlot';\nexport * from './is/SwcWhenSlot';\nexport * from './is/SwcOtherSlot';\nexport * from './is/SwcHTMLSourceElementBase';\nexport * from './is/SwcForOfSource';\nexport * from './is/SwcIfSource';\nexport * from './is/SwcObjectSource';\nexport * from './is/SwcChooseSource';\nexport * from './is/SwcWhenSource';\nexport * from './is/SwcOtherSource';\nexport * from './is/SwcHTMLSpanElementBase';\nexport * from './is/SwcForOfSpan';\nexport * from './is/SwcIfSpan';\nexport * from './is/SwcObjectSpan';\nexport * from './is/SwcChooseSpan';\nexport * from './is/SwcWhenSpan';\nexport * from './is/SwcOtherSpan';\nexport * from './is/SwcHTMLStyleElementBase';\nexport * from './is/SwcForOfStyle';\nexport * from './is/SwcIfStyle';\nexport * from './is/SwcObjectStyle';\nexport * from './is/SwcChooseStyle';\nexport * from './is/SwcWhenStyle';\nexport * from './is/SwcOtherStyle';\nexport * from './is/SwcHTMLTableElementBase';\nexport * from './is/SwcForOfTable';\nexport * from './is/SwcIfTable';\nexport * from './is/SwcObjectTable';\nexport * from './is/SwcChooseTable';\nexport * from './is/SwcWhenTable';\nexport * from './is/SwcOtherTable';\nexport * from './is/SwcHTMLTableSectionElementBase';\nexport * from './is/SwcForOfTableSection';\nexport * from './is/SwcIfTableSection';\nexport * from './is/SwcObjectTableSection';\nexport * from './is/SwcChooseTableSection';\nexport * from './is/SwcWhenTableSection';\nexport * from './is/SwcOtherTableSection';\nexport * from './is/SwcHTMLTableCellElementBase';\nexport * from './is/SwcForOfTableCell';\nexport * from './is/SwcIfTableCell';\nexport * from './is/SwcObjectTableCell';\nexport * from './is/SwcChooseTableCell';\nexport * from './is/SwcWhenTableCell';\nexport * from './is/SwcOtherTableCell';\nexport * from './is/SwcHTMLTemplateElementBase';\nexport * from './is/SwcForOfTemplate';\nexport * from './is/SwcIfTemplate';\nexport * from './is/SwcObjectTemplate';\nexport * from './is/SwcChooseTemplate';\nexport * from './is/SwcWhenTemplate';\nexport * from './is/SwcOtherTemplate';\nexport * from './is/SwcHTMLTextAreaElementBase';\nexport * from './is/SwcForOfTextArea';\nexport * from './is/SwcIfTextArea';\nexport * from './is/SwcObjectTextArea';\nexport * from './is/SwcChooseTextArea';\nexport * from './is/SwcWhenTextArea';\nexport * from './is/SwcOtherTextArea';\nexport * from './is/SwcHTMLTimeElementBase';\nexport * from './is/SwcForOfTime';\nexport * from './is/SwcIfTime';\nexport * from './is/SwcObjectTime';\nexport * from './is/SwcChooseTime';\nexport * from './is/SwcWhenTime';\nexport * from './is/SwcOtherTime';\nexport * from './is/SwcHTMLTitleElementBase';\nexport * from './is/SwcForOfTitle';\nexport * from './is/SwcIfTitle';\nexport * from './is/SwcObjectTitle';\nexport * from './is/SwcChooseTitle';\nexport * from './is/SwcWhenTitle';\nexport * from './is/SwcOtherTitle';\nexport * from './is/SwcHTMLTableRowElementBase';\nexport * from './is/SwcForOfTableRow';\nexport * from './is/SwcIfTableRow';\nexport * from './is/SwcObjectTableRow';\nexport * from './is/SwcChooseTableRow';\nexport * from './is/SwcWhenTableRow';\nexport * from './is/SwcOtherTableRow';\nexport * from './is/SwcHTMLTrackElementBase';\nexport * from './is/SwcForOfTrack';\nexport * from './is/SwcIfTrack';\nexport * from './is/SwcObjectTrack';\nexport * from './is/SwcChooseTrack';\nexport * from './is/SwcWhenTrack';\nexport * from './is/SwcOtherTrack';\nexport * from './is/SwcHTMLUListElementBase';\nexport * from './is/SwcForOfUl';\nexport * from './is/SwcIfUl';\nexport * from './is/SwcObjectUl';\nexport * from './is/SwcChooseUl';\nexport * from './is/SwcWhenUl';\nexport * from './is/SwcOtherUl';\nexport * from './is/SwcHTMLVideoElementBase';\nexport * from './is/SwcForOfVideo';\nexport * from './is/SwcIfVideo';\nexport * from './is/SwcObjectVideo';\nexport * from './is/SwcChooseVideo';\nexport * from './is/SwcWhenVideo';\nexport * from './is/SwcOtherVideo';\nexport * from './is/SwcHTMLHeadingElementBase';\nexport * from './is/SwcForOfHeading';\nexport * from './is/SwcIfHeading';\nexport * from './is/SwcObjectHeading';\nexport * from './is/SwcChooseHeading';\nexport * from './is/SwcWhenHeading';\nexport * from './is/SwcOtherHeading';\n"],
-  "mappings": "AAAA,OAAO;AACP,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
+  "sourcesContent": ["import 'reflect-metadata';\nexport * from './decorators/elementDefine';\nexport * from './decorators/innerHtml';\nexport * from './decorators/attribute';\nexport * from './decorators/state';\nexport * from './decorators/emitCustomEvent';\nexport * from './decorators/lifecycles';\nexport * from './decorators/query';\nexport * from './decorators/queryAll';\nexport * from './decorators/addEventListener';\nexport * from './elements/SwcHTMLElementBase';\nexport * from './elements/SwcObject';\nexport * from './elements/SwcIf';\nexport * from './elements/SwcForOf';\nexport * from './utils/Utils';\nexport * from './is/SwcHTMLAnchorElementBase';\nexport * from './is/SwcForOfAnchor';\nexport * from './is/SwcIfAnchor';\nexport * from './is/SwcObjectAnchor';\nexport * from './is/SwcChooseAnchor';\nexport * from './is/SwcWhenAnchor';\nexport * from './is/SwcOtherAnchor';\nexport * from './is/SwcHTMLAreaElementBase';\nexport * from './is/SwcForOfArea';\nexport * from './is/SwcIfArea';\nexport * from './is/SwcObjectArea';\nexport * from './is/SwcChooseArea';\nexport * from './is/SwcWhenArea';\nexport * from './is/SwcOtherArea';\nexport * from './is/SwcHTMLAudioElementBase';\nexport * from './is/SwcForOfAudio';\nexport * from './is/SwcIfAudio';\nexport * from './is/SwcObjectAudio';\nexport * from './is/SwcChooseAudio';\nexport * from './is/SwcWhenAudio';\nexport * from './is/SwcOtherAudio';\nexport * from './is/SwcHTMLBaseElementBase';\nexport * from './is/SwcForOfBase';\nexport * from './is/SwcIfBase';\nexport * from './is/SwcObjectBase';\nexport * from './is/SwcChooseBase';\nexport * from './is/SwcWhenBase';\nexport * from './is/SwcOtherBase';\nexport * from './is/SwcHTMLButtonElementBase';\nexport * from './is/SwcForOfButton';\nexport * from './is/SwcIfButton';\nexport * from './is/SwcObjectButton';\nexport * from './is/SwcChooseButton';\nexport * from './is/SwcWhenButton';\nexport * from './is/SwcOtherButton';\nexport * from './is/SwcHTMLCanvasElementBase';\nexport * from './is/SwcForOfCanvas';\nexport * from './is/SwcIfCanvas';\nexport * from './is/SwcObjectCanvas';\nexport * from './is/SwcChooseCanvas';\nexport * from './is/SwcWhenCanvas';\nexport * from './is/SwcOtherCanvas';\nexport * from './is/SwcHTMLDataElementBase';\nexport * from './is/SwcForOfData';\nexport * from './is/SwcIfData';\nexport * from './is/SwcObjectData';\nexport * from './is/SwcChooseData';\nexport * from './is/SwcWhenData';\nexport * from './is/SwcOtherData';\nexport * from './is/SwcHTMLDataListElementBase';\nexport * from './is/SwcForOfDataList';\nexport * from './is/SwcIfDataList';\nexport * from './is/SwcObjectDataList';\nexport * from './is/SwcChooseDataList';\nexport * from './is/SwcWhenDataList';\nexport * from './is/SwcOtherDataList';\nexport * from './is/SwcHTMLDetailsElementBase';\nexport * from './is/SwcForOfDetails';\nexport * from './is/SwcIfDetails';\nexport * from './is/SwcObjectDetails';\nexport * from './is/SwcChooseDetails';\nexport * from './is/SwcWhenDetails';\nexport * from './is/SwcOtherDetails';\nexport * from './is/SwcHTMLDialogElementBase';\nexport * from './is/SwcForOfDialog';\nexport * from './is/SwcIfDialog';\nexport * from './is/SwcObjectDialog';\nexport * from './is/SwcChooseDialog';\nexport * from './is/SwcWhenDialog';\nexport * from './is/SwcOtherDialog';\nexport * from './is/SwcHTMLDivElementBase';\nexport * from './is/SwcForOfDiv';\nexport * from './is/SwcIfDiv';\nexport * from './is/SwcObjectDiv';\nexport * from './is/SwcChooseDiv';\nexport * from './is/SwcWhenDiv';\nexport * from './is/SwcOtherDiv';\nexport * from './is/SwcHTMLDListElementBase';\nexport * from './is/SwcForOfDl';\nexport * from './is/SwcIfDl';\nexport * from './is/SwcObjectDl';\nexport * from './is/SwcChooseDl';\nexport * from './is/SwcWhenDl';\nexport * from './is/SwcOtherDl';\nexport * from './is/SwcHTMLEmbedElementBase';\nexport * from './is/SwcForOfEmbed';\nexport * from './is/SwcIfEmbed';\nexport * from './is/SwcObjectEmbed';\nexport * from './is/SwcChooseEmbed';\nexport * from './is/SwcWhenEmbed';\nexport * from './is/SwcOtherEmbed';\nexport * from './is/SwcHTMLFieldSetElementBase';\nexport * from './is/SwcForOfFieldSet';\nexport * from './is/SwcIfFieldSet';\nexport * from './is/SwcObjectFieldSet';\nexport * from './is/SwcChooseFieldSet';\nexport * from './is/SwcWhenFieldSet';\nexport * from './is/SwcOtherFieldSet';\nexport * from './is/SwcHTMLFormElementBase';\nexport * from './is/SwcForOfForm';\nexport * from './is/SwcIfForm';\nexport * from './is/SwcObjectForm';\nexport * from './is/SwcChooseForm';\nexport * from './is/SwcWhenForm';\nexport * from './is/SwcOtherForm';\nexport * from './is/SwcHTMLHRElementBase';\nexport * from './is/SwcForOfHr';\nexport * from './is/SwcIfHr';\nexport * from './is/SwcObjectHr';\nexport * from './is/SwcChooseHr';\nexport * from './is/SwcWhenHr';\nexport * from './is/SwcOtherHr';\nexport * from './is/SwcHTMLIFrameElementBase';\nexport * from './is/SwcForOfIFrame';\nexport * from './is/SwcIfIFrame';\nexport * from './is/SwcObjectIFrame';\nexport * from './is/SwcChooseIFrame';\nexport * from './is/SwcWhenIFrame';\nexport * from './is/SwcOtherIFrame';\nexport * from './is/SwcHTMLImageElementBase';\nexport * from './is/SwcForOfImage';\nexport * from './is/SwcIfImage';\nexport * from './is/SwcObjectImage';\nexport * from './is/SwcChooseImage';\nexport * from './is/SwcWhenImage';\nexport * from './is/SwcOtherImage';\nexport * from './is/SwcHTMLInputElementBase';\nexport * from './is/SwcForOfInput';\nexport * from './is/SwcIfInput';\nexport * from './is/SwcObjectInput';\nexport * from './is/SwcChooseInput';\nexport * from './is/SwcWhenInput';\nexport * from './is/SwcOtherInput';\nexport * from './is/SwcHTMLLabelElementBase';\nexport * from './is/SwcForOfLabel';\nexport * from './is/SwcIfLabel';\nexport * from './is/SwcObjectLabel';\nexport * from './is/SwcChooseLabel';\nexport * from './is/SwcWhenLabel';\nexport * from './is/SwcOtherLabel';\nexport * from './is/SwcHTMLLegendElementBase';\nexport * from './is/SwcForOfLegend';\nexport * from './is/SwcIfLegend';\nexport * from './is/SwcObjectLegend';\nexport * from './is/SwcChooseLegend';\nexport * from './is/SwcWhenLegend';\nexport * from './is/SwcOtherLegend';\nexport * from './is/SwcHTMLLIElementBase';\nexport * from './is/SwcForOfLi';\nexport * from './is/SwcIfLi';\nexport * from './is/SwcObjectLi';\nexport * from './is/SwcChooseLi';\nexport * from './is/SwcWhenLi';\nexport * from './is/SwcOtherLi';\nexport * from './is/SwcHTMLLinkElementBase';\nexport * from './is/SwcForOfLink';\nexport * from './is/SwcIfLink';\nexport * from './is/SwcObjectLink';\nexport * from './is/SwcChooseLink';\nexport * from './is/SwcWhenLink';\nexport * from './is/SwcOtherLink';\nexport * from './is/SwcHTMLMapElementBase';\nexport * from './is/SwcForOfMap';\nexport * from './is/SwcIfMap';\nexport * from './is/SwcObjectMap';\nexport * from './is/SwcChooseMap';\nexport * from './is/SwcWhenMap';\nexport * from './is/SwcOtherMap';\nexport * from './is/SwcHTMLMetaElementBase';\nexport * from './is/SwcForOfMeta';\nexport * from './is/SwcIfMeta';\nexport * from './is/SwcObjectMeta';\nexport * from './is/SwcChooseMeta';\nexport * from './is/SwcWhenMeta';\nexport * from './is/SwcOtherMeta';\nexport * from './is/SwcHTMLMeterElementBase';\nexport * from './is/SwcForOfMeter';\nexport * from './is/SwcIfMeter';\nexport * from './is/SwcObjectMeter';\nexport * from './is/SwcChooseMeter';\nexport * from './is/SwcWhenMeter';\nexport * from './is/SwcOtherMeter';\nexport * from './is/SwcHTMLModElementBase';\nexport * from './is/SwcForOfMod';\nexport * from './is/SwcIfMod';\nexport * from './is/SwcObjectMod';\nexport * from './is/SwcChooseMod';\nexport * from './is/SwcWhenMod';\nexport * from './is/SwcOtherMod';\nexport * from './is/SwcHTMLObjectElementBase';\nexport * from './is/SwcForOfObject';\nexport * from './is/SwcIfObject';\nexport * from './is/SwcObjectObject';\nexport * from './is/SwcChooseObject';\nexport * from './is/SwcWhenObject';\nexport * from './is/SwcOtherObject';\nexport * from './is/SwcHTMLOListElementBase';\nexport * from './is/SwcForOfOl';\nexport * from './is/SwcIfOl';\nexport * from './is/SwcObjectOl';\nexport * from './is/SwcChooseOl';\nexport * from './is/SwcWhenOl';\nexport * from './is/SwcOtherOl';\nexport * from './is/SwcHTMLOptGroupElementBase';\nexport * from './is/SwcForOfOptGroup';\nexport * from './is/SwcIfOptGroup';\nexport * from './is/SwcObjectOptGroup';\nexport * from './is/SwcChooseOptGroup';\nexport * from './is/SwcWhenOptGroup';\nexport * from './is/SwcOtherOptGroup';\nexport * from './is/SwcHTMLOptionElementBase';\nexport * from './is/SwcForOfOption';\nexport * from './is/SwcIfOption';\nexport * from './is/SwcObjectOption';\nexport * from './is/SwcChooseOption';\nexport * from './is/SwcWhenOption';\nexport * from './is/SwcOtherOption';\nexport * from './is/SwcHTMLOutputElementBase';\nexport * from './is/SwcForOfOutput';\nexport * from './is/SwcIfOutput';\nexport * from './is/SwcObjectOutput';\nexport * from './is/SwcChooseOutput';\nexport * from './is/SwcWhenOutput';\nexport * from './is/SwcOtherOutput';\nexport * from './is/SwcHTMLParagraphElementBase';\nexport * from './is/SwcForOfParagraph';\nexport * from './is/SwcIfParagraph';\nexport * from './is/SwcObjectParagraph';\nexport * from './is/SwcChooseParagraph';\nexport * from './is/SwcWhenParagraph';\nexport * from './is/SwcOtherParagraph';\nexport * from './is/SwcHTMLParamElementBase';\nexport * from './is/SwcForOfParam';\nexport * from './is/SwcIfParam';\nexport * from './is/SwcObjectParam';\nexport * from './is/SwcChooseParam';\nexport * from './is/SwcWhenParam';\nexport * from './is/SwcOtherParam';\nexport * from './is/SwcHTMLPictureElementBase';\nexport * from './is/SwcForOfPicture';\nexport * from './is/SwcIfPicture';\nexport * from './is/SwcObjectPicture';\nexport * from './is/SwcChoosePicture';\nexport * from './is/SwcWhenPicture';\nexport * from './is/SwcOtherPicture';\nexport * from './is/SwcHTMLPreElementBase';\nexport * from './is/SwcForOfPre';\nexport * from './is/SwcIfPre';\nexport * from './is/SwcObjectPre';\nexport * from './is/SwcChoosePre';\nexport * from './is/SwcWhenPre';\nexport * from './is/SwcOtherPre';\nexport * from './is/SwcHTMLProgressElementBase';\nexport * from './is/SwcForOfProgress';\nexport * from './is/SwcIfProgress';\nexport * from './is/SwcObjectProgress';\nexport * from './is/SwcChooseProgress';\nexport * from './is/SwcWhenProgress';\nexport * from './is/SwcOtherProgress';\nexport * from './is/SwcHTMLQuoteElementBase';\nexport * from './is/SwcForOfQuote';\nexport * from './is/SwcIfQuote';\nexport * from './is/SwcObjectQuote';\nexport * from './is/SwcChooseQuote';\nexport * from './is/SwcWhenQuote';\nexport * from './is/SwcOtherQuote';\nexport * from './is/SwcHTMLScriptElementBase';\nexport * from './is/SwcForOfScript';\nexport * from './is/SwcIfScript';\nexport * from './is/SwcObjectScript';\nexport * from './is/SwcChooseScript';\nexport * from './is/SwcWhenScript';\nexport * from './is/SwcOtherScript';\nexport * from './is/SwcHTMLSelectElementBase';\nexport * from './is/SwcForOfSelect';\nexport * from './is/SwcIfSelect';\nexport * from './is/SwcObjectSelect';\nexport * from './is/SwcChooseSelect';\nexport * from './is/SwcWhenSelect';\nexport * from './is/SwcOtherSelect';\nexport * from './is/SwcHTMLSlotElementBase';\nexport * from './is/SwcForOfSlot';\nexport * from './is/SwcIfSlot';\nexport * from './is/SwcObjectSlot';\nexport * from './is/SwcChooseSlot';\nexport * from './is/SwcWhenSlot';\nexport * from './is/SwcOtherSlot';\nexport * from './is/SwcHTMLSourceElementBase';\nexport * from './is/SwcForOfSource';\nexport * from './is/SwcIfSource';\nexport * from './is/SwcObjectSource';\nexport * from './is/SwcChooseSource';\nexport * from './is/SwcWhenSource';\nexport * from './is/SwcOtherSource';\nexport * from './is/SwcHTMLSpanElementBase';\nexport * from './is/SwcForOfSpan';\nexport * from './is/SwcIfSpan';\nexport * from './is/SwcObjectSpan';\nexport * from './is/SwcChooseSpan';\nexport * from './is/SwcWhenSpan';\nexport * from './is/SwcOtherSpan';\nexport * from './is/SwcHTMLStyleElementBase';\nexport * from './is/SwcForOfStyle';\nexport * from './is/SwcIfStyle';\nexport * from './is/SwcObjectStyle';\nexport * from './is/SwcChooseStyle';\nexport * from './is/SwcWhenStyle';\nexport * from './is/SwcOtherStyle';\nexport * from './is/SwcHTMLTableElementBase';\nexport * from './is/SwcForOfTable';\nexport * from './is/SwcIfTable';\nexport * from './is/SwcObjectTable';\nexport * from './is/SwcChooseTable';\nexport * from './is/SwcWhenTable';\nexport * from './is/SwcOtherTable';\nexport * from './is/SwcHTMLTableSectionElementBase';\nexport * from './is/SwcForOfTableSection';\nexport * from './is/SwcIfTableSection';\nexport * from './is/SwcObjectTableSection';\nexport * from './is/SwcChooseTableSection';\nexport * from './is/SwcWhenTableSection';\nexport * from './is/SwcOtherTableSection';\nexport * from './is/SwcHTMLTableCellElementBase';\nexport * from './is/SwcForOfTableCell';\nexport * from './is/SwcIfTableCell';\nexport * from './is/SwcObjectTableCell';\nexport * from './is/SwcChooseTableCell';\nexport * from './is/SwcWhenTableCell';\nexport * from './is/SwcOtherTableCell';\nexport * from './is/SwcHTMLTemplateElementBase';\nexport * from './is/SwcForOfTemplate';\nexport * from './is/SwcIfTemplate';\nexport * from './is/SwcObjectTemplate';\nexport * from './is/SwcChooseTemplate';\nexport * from './is/SwcWhenTemplate';\nexport * from './is/SwcOtherTemplate';\nexport * from './is/SwcHTMLTextAreaElementBase';\nexport * from './is/SwcForOfTextArea';\nexport * from './is/SwcIfTextArea';\nexport * from './is/SwcObjectTextArea';\nexport * from './is/SwcChooseTextArea';\nexport * from './is/SwcWhenTextArea';\nexport * from './is/SwcOtherTextArea';\nexport * from './is/SwcHTMLTimeElementBase';\nexport * from './is/SwcForOfTime';\nexport * from './is/SwcIfTime';\nexport * from './is/SwcObjectTime';\nexport * from './is/SwcChooseTime';\nexport * from './is/SwcWhenTime';\nexport * from './is/SwcOtherTime';\nexport * from './is/SwcHTMLTitleElementBase';\nexport * from './is/SwcForOfTitle';\nexport * from './is/SwcIfTitle';\nexport * from './is/SwcObjectTitle';\nexport * from './is/SwcChooseTitle';\nexport * from './is/SwcWhenTitle';\nexport * from './is/SwcOtherTitle';\nexport * from './is/SwcHTMLTableRowElementBase';\nexport * from './is/SwcForOfTableRow';\nexport * from './is/SwcIfTableRow';\nexport * from './is/SwcObjectTableRow';\nexport * from './is/SwcChooseTableRow';\nexport * from './is/SwcWhenTableRow';\nexport * from './is/SwcOtherTableRow';\nexport * from './is/SwcHTMLTrackElementBase';\nexport * from './is/SwcForOfTrack';\nexport * from './is/SwcIfTrack';\nexport * from './is/SwcObjectTrack';\nexport * from './is/SwcChooseTrack';\nexport * from './is/SwcWhenTrack';\nexport * from './is/SwcOtherTrack';\nexport * from './is/SwcHTMLUListElementBase';\nexport * from './is/SwcForOfUl';\nexport * from './is/SwcIfUl';\nexport * from './is/SwcObjectUl';\nexport * from './is/SwcChooseUl';\nexport * from './is/SwcWhenUl';\nexport * from './is/SwcOtherUl';\nexport * from './is/SwcHTMLVideoElementBase';\nexport * from './is/SwcForOfVideo';\nexport * from './is/SwcIfVideo';\nexport * from './is/SwcObjectVideo';\nexport * from './is/SwcChooseVideo';\nexport * from './is/SwcWhenVideo';\nexport * from './is/SwcOtherVideo';\nexport * from './is/SwcHTMLHeadingElementBase';\nexport * from './is/SwcForOfHeading';\nexport * from './is/SwcIfHeading';\nexport * from './is/SwcObjectHeading';\nexport * from './is/SwcChooseHeading';\nexport * from './is/SwcWhenHeading';\nexport * from './is/SwcOtherHeading';\n"],
+  "mappings": "AAAA,OAAO;AACP,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
   "names": []
 }

package/dist/esm/is/SwcIfAnchor.js

@@ -54,9 +54,9 @@ let SwcIfAnchor = class SwcIfAnchor2 extends SwcHTMLAnchorElementBase {
     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/SwcIfAnchor.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcIfAnchor.ts"],
-  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLAnchorElementBase } from './SwcHTMLAnchorElementBase';\n\n@elementDefine({ name: 'swc-if-a', extends: 'a' })\nexport class SwcIfAnchor extends SwcHTMLAnchorElementBase {\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,gCAAgC;AAGlC,IAAM,cAAN,MAAMA,qBAAoB,yBAAwB;EAGvD,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,cAAW,WAAA;EADvB,cAAc,EAAE,MAAM,YAAY,SAAS,IAAG,CAAE;;GACpC,WAAW;",
+  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLAnchorElementBase } from './SwcHTMLAnchorElementBase';\n\n@elementDefine({ name: 'swc-if-a', extends: 'a' })\nexport class SwcIfAnchor extends SwcHTMLAnchorElementBase {\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,gCAAgC;AAGlC,IAAM,cAAN,MAAMA,qBAAoB,yBAAwB;EAGvD,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,cAAW,WAAA;EADvB,cAAc,EAAE,MAAM,YAAY,SAAS,IAAG,CAAE;;GACpC,WAAW;",
   "names": ["SwcIfAnchor"]
 }

package/dist/esm/is/SwcIfArea.js

@@ -54,9 +54,9 @@ let SwcIfArea = class SwcIfArea2 extends SwcHTMLAreaElementBase {
     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/SwcIfArea.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcIfArea.ts"],
-  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLAreaElementBase } from './SwcHTMLAreaElementBase';\n\n@elementDefine({ name: 'swc-if-area', extends: 'area' })\nexport class SwcIfArea extends SwcHTMLAreaElementBase {\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 { SwcHTMLAreaElementBase } from './SwcHTMLAreaElementBase';\n\n@elementDefine({ name: 'swc-if-area', extends: 'area' })\nexport class SwcIfArea extends SwcHTMLAreaElementBase {\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": ["SwcIfArea"]
 }

package/dist/esm/is/SwcIfAudio.js

@@ -54,9 +54,9 @@ let SwcIfAudio = class SwcIfAudio2 extends SwcHTMLAudioElementBase {
     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/SwcIfAudio.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcIfAudio.ts"],
-  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLAudioElementBase } from './SwcHTMLAudioElementBase';\n\n@elementDefine({ name: 'swc-if-audio', extends: 'audio' })\nexport class SwcIfAudio extends SwcHTMLAudioElementBase {\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 { SwcHTMLAudioElementBase } from './SwcHTMLAudioElementBase';\n\n@elementDefine({ name: 'swc-if-audio', extends: 'audio' })\nexport class SwcIfAudio extends SwcHTMLAudioElementBase {\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": ["SwcIfAudio"]
 }

package/dist/esm/is/SwcIfBase.js

@@ -54,9 +54,9 @@ let SwcIfBase = class SwcIfBase2 extends SwcHTMLBaseElementBase {
     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/SwcIfBase.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcIfBase.ts"],
-  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLBaseElementBase } from './SwcHTMLBaseElementBase';\n\n@elementDefine({ name: 'swc-if-base', extends: 'base' })\nexport class SwcIfBase extends SwcHTMLBaseElementBase {\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 { SwcHTMLBaseElementBase } from './SwcHTMLBaseElementBase';\n\n@elementDefine({ name: 'swc-if-base', extends: 'base' })\nexport class SwcIfBase extends SwcHTMLBaseElementBase {\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": ["SwcIfBase"]
 }

package/dist/esm/is/SwcIfButton.js

@@ -54,9 +54,9 @@ let SwcIfButton = class SwcIfButton2 extends SwcHTMLButtonElementBase {
     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/SwcIfButton.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcIfButton.ts"],
-  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLButtonElementBase } from './SwcHTMLButtonElementBase';\n\n@elementDefine({ name: 'swc-if-button', extends: 'button' })\nexport class SwcIfButton extends SwcHTMLButtonElementBase {\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,gCAAgC;AAGlC,IAAM,cAAN,MAAMA,qBAAoB,yBAAwB;EAGvD,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,cAAW,WAAA;EADvB,cAAc,EAAE,MAAM,iBAAiB,SAAS,SAAQ,CAAE;;GAC9C,WAAW;",
+  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLButtonElementBase } from './SwcHTMLButtonElementBase';\n\n@elementDefine({ name: 'swc-if-button', extends: 'button' })\nexport class SwcIfButton extends SwcHTMLButtonElementBase {\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,gCAAgC;AAGlC,IAAM,cAAN,MAAMA,qBAAoB,yBAAwB;EAGvD,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,cAAW,WAAA;EADvB,cAAc,EAAE,MAAM,iBAAiB,SAAS,SAAQ,CAAE;;GAC9C,WAAW;",
   "names": ["SwcIfButton"]
 }

package/dist/esm/is/SwcIfCanvas.js

@@ -54,9 +54,9 @@ let SwcIfCanvas = class SwcIfCanvas2 extends SwcHTMLCanvasElementBase {
     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/SwcIfCanvas.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcIfCanvas.ts"],
-  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLCanvasElementBase } from './SwcHTMLCanvasElementBase';\n\n@elementDefine({ name: 'swc-if-canvas', extends: 'canvas' })\nexport class SwcIfCanvas extends SwcHTMLCanvasElementBase {\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,gCAAgC;AAGlC,IAAM,cAAN,MAAMA,qBAAoB,yBAAwB;EAGvD,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,cAAW,WAAA;EADvB,cAAc,EAAE,MAAM,iBAAiB,SAAS,SAAQ,CAAE;;GAC9C,WAAW;",
+  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLCanvasElementBase } from './SwcHTMLCanvasElementBase';\n\n@elementDefine({ name: 'swc-if-canvas', extends: 'canvas' })\nexport class SwcIfCanvas extends SwcHTMLCanvasElementBase {\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,gCAAgC;AAGlC,IAAM,cAAN,MAAMA,qBAAoB,yBAAwB;EAGvD,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,cAAW,WAAA;EADvB,cAAc,EAAE,MAAM,iBAAiB,SAAS,SAAQ,CAAE;;GAC9C,WAAW;",
   "names": ["SwcIfCanvas"]
 }

package/dist/esm/is/SwcIfData.js

@@ -54,9 +54,9 @@ let SwcIfData = class SwcIfData2 extends SwcHTMLDataElementBase {
     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/SwcIfData.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcIfData.ts"],
-  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLDataElementBase } from './SwcHTMLDataElementBase';\n\n@elementDefine({ name: 'swc-if-data', extends: 'data' })\nexport class SwcIfData extends SwcHTMLDataElementBase {\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 { SwcHTMLDataElementBase } from './SwcHTMLDataElementBase';\n\n@elementDefine({ name: 'swc-if-data', extends: 'data' })\nexport class SwcIfData extends SwcHTMLDataElementBase {\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": ["SwcIfData"]
 }

package/dist/esm/is/SwcIfDataList.js

@@ -54,9 +54,9 @@ let SwcIfDataList = class SwcIfDataList2 extends SwcHTMLDataListElementBase {
     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/SwcIfDataList.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcIfDataList.ts"],
-  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLDataListElementBase } from './SwcHTMLDataListElementBase';\n\n@elementDefine({ name: 'swc-if-datalist', extends: 'datalist' })\nexport class SwcIfDataList extends SwcHTMLDataListElementBase {\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 { SwcHTMLDataListElementBase } from './SwcHTMLDataListElementBase';\n\n@elementDefine({ name: 'swc-if-datalist', extends: 'datalist' })\nexport class SwcIfDataList extends SwcHTMLDataListElementBase {\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": ["SwcIfDataList"]
 }

package/dist/esm/is/SwcIfDetails.js

@@ -54,9 +54,9 @@ let SwcIfDetails = class SwcIfDetails2 extends SwcHTMLDetailsElementBase {
     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/SwcIfDetails.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcIfDetails.ts"],
-  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLDetailsElementBase } from './SwcHTMLDetailsElementBase';\n\n@elementDefine({ name: 'swc-if-details', extends: 'details' })\nexport class SwcIfDetails extends SwcHTMLDetailsElementBase {\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,iCAAiC;AAGnC,IAAM,eAAN,MAAMA,sBAAqB,0BAAyB;EAGzD,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,eAAY,WAAA;EADxB,cAAc,EAAE,MAAM,kBAAkB,SAAS,UAAS,CAAE;;GAChD,YAAY;",
+  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLDetailsElementBase } from './SwcHTMLDetailsElementBase';\n\n@elementDefine({ name: 'swc-if-details', extends: 'details' })\nexport class SwcIfDetails extends SwcHTMLDetailsElementBase {\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,iCAAiC;AAGnC,IAAM,eAAN,MAAMA,sBAAqB,0BAAyB;EAGzD,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,eAAY,WAAA;EADxB,cAAc,EAAE,MAAM,kBAAkB,SAAS,UAAS,CAAE;;GAChD,YAAY;",
   "names": ["SwcIfDetails"]
 }

package/dist/esm/is/SwcIfDialog.js

@@ -54,9 +54,9 @@ let SwcIfDialog = class SwcIfDialog2 extends SwcHTMLDialogElementBase {
     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/SwcIfDialog.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/is/SwcIfDialog.ts"],
-  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLDialogElementBase } from './SwcHTMLDialogElementBase';\n\n@elementDefine({ name: 'swc-if-dialog', extends: 'dialog' })\nexport class SwcIfDialog extends SwcHTMLDialogElementBase {\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,gCAAgC;AAGlC,IAAM,cAAN,MAAMA,qBAAoB,yBAAwB;EAGvD,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,cAAW,WAAA;EADvB,cAAc,EAAE,MAAM,iBAAiB,SAAS,SAAQ,CAAE;;GAC9C,WAAW;",
+  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLDialogElementBase } from './SwcHTMLDialogElementBase';\n\n@elementDefine({ name: 'swc-if-dialog', extends: 'dialog' })\nexport class SwcIfDialog extends SwcHTMLDialogElementBase {\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,gCAAgC;AAGlC,IAAM,cAAN,MAAMA,qBAAoB,yBAAwB;EAGvD,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,cAAW,WAAA;EADvB,cAAc,EAAE,MAAM,iBAAiB,SAAS,SAAQ,CAAE;;GAC9C,WAAW;",
   "names": ["SwcIfDialog"]
 }

package/dist/esm/is/SwcIfDiv.js

@@ -54,9 +54,9 @@ let SwcIfDiv = class SwcIfDiv2 extends SwcHTMLDivElementBase {
     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);
       });
     }