@dooboostore/simple-web-component 1.0.3 → 1.0.5

package/dist/esm/is/SwcIfInput.js

@@ -0,0 +1,78 @@
+var __decorate = function(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = function(k, v) {
+  if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { elementDefine, innerHtml } from "../index.js";
+import { SwcHTMLInputElementBase } from "./SwcHTMLInputElementBase.js";
+let SwcIfInput = class SwcIfInput2 extends SwcHTMLInputElementBase {
+  constructor() {
+    super();
+    this._swcValue = false;
+  }
+  set swcValue(val) {
+    this._swcValue = val;
+    if (this._masterTplNodes.length === 0)
+      this.initCore();
+    this.render();
+  }
+  get swcValue() {
+    return this._swcValue;
+  }
+  renderTemplate() {
+    return `<slot id="tpl-slot" style="display:none;"></slot>`;
+  }
+  connectedCallback() {
+    this.initCore();
+    if (this._masterTplNodes.length > 0) {
+      this.innerHTML = "";
+      this.render();
+    }
+  }
+  render() {
+    const attrValue = this.getAttribute("swc-value") || this.getAttribute("value");
+    if (attrValue !== null && attrValue.includes("{{"))
+      return;
+    let displayValue = attrValue !== null ? attrValue : this._swcValue;
+    let isTruthy = !!displayValue;
+    if (typeof displayValue === "string") {
+      if (displayValue === "false" || displayValue === "0" || displayValue === "")
+        isTruthy = false;
+      else {
+        try {
+          isTruthy = !!new Function("return " + displayValue)();
+        } catch (e) {
+          isTruthy = true;
+        }
+      }
+    }
+    this.innerHTML = "";
+    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.applyData(clone, this._swcValue);
+      });
+    }
+  }
+};
+__decorate([
+  innerHtml,
+  __metadata("design:type", Function),
+  __metadata("design:paramtypes", []),
+  __metadata("design:returntype", void 0)
+], SwcIfInput.prototype, "renderTemplate", null);
+SwcIfInput = __decorate([
+  elementDefine({ name: "swc-if-input", extends: "input" }),
+  __metadata("design:paramtypes", [])
+], SwcIfInput);
+export {
+  SwcIfInput
+};
+//# sourceMappingURL=SwcIfInput.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/is/SwcIfInput.ts"],
+  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLInputElementBase } from './SwcHTMLInputElementBase';\n\n@elementDefine({ name: 'swc-if-input', extends: 'input' })\nexport class SwcIfInput extends SwcHTMLInputElementBase {\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 it's a Customized Built-in, it might have hidden itself in connectedCallback\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;AAEtB,YAAI,MAAM;AAAO,gBAAM,MAAM,UAAU;AACvC,aAAK,UAAU,OAAO,KAAK,SAAS;MACtC,CAAC;IACH;EACF;;AAvCA,WAAA;EADC;;;;;AAjBU,aAAU,WAAA;EADtB,cAAc,EAAE,MAAM,gBAAgB,SAAS,QAAO,CAAE;;GAC5C,UAAU;",
+  "names": ["SwcIfInput"]
+}

package/dist/esm/is/SwcIfLabel.js

@@ -0,0 +1,78 @@
+var __decorate = function(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = function(k, v) {
+  if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { elementDefine, innerHtml } from "../index.js";
+import { SwcHTMLLabelElementBase } from "./SwcHTMLLabelElementBase.js";
+let SwcIfLabel = class SwcIfLabel2 extends SwcHTMLLabelElementBase {
+  constructor() {
+    super();
+    this._swcValue = false;
+  }
+  set swcValue(val) {
+    this._swcValue = val;
+    if (this._masterTplNodes.length === 0)
+      this.initCore();
+    this.render();
+  }
+  get swcValue() {
+    return this._swcValue;
+  }
+  renderTemplate() {
+    return `<slot id="tpl-slot" style="display:none;"></slot>`;
+  }
+  connectedCallback() {
+    this.initCore();
+    if (this._masterTplNodes.length > 0) {
+      this.innerHTML = "";
+      this.render();
+    }
+  }
+  render() {
+    const attrValue = this.getAttribute("swc-value") || this.getAttribute("value");
+    if (attrValue !== null && attrValue.includes("{{"))
+      return;
+    let displayValue = attrValue !== null ? attrValue : this._swcValue;
+    let isTruthy = !!displayValue;
+    if (typeof displayValue === "string") {
+      if (displayValue === "false" || displayValue === "0" || displayValue === "")
+        isTruthy = false;
+      else {
+        try {
+          isTruthy = !!new Function("return " + displayValue)();
+        } catch (e) {
+          isTruthy = true;
+        }
+      }
+    }
+    this.innerHTML = "";
+    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.applyData(clone, this._swcValue);
+      });
+    }
+  }
+};
+__decorate([
+  innerHtml,
+  __metadata("design:type", Function),
+  __metadata("design:paramtypes", []),
+  __metadata("design:returntype", void 0)
+], SwcIfLabel.prototype, "renderTemplate", null);
+SwcIfLabel = __decorate([
+  elementDefine({ name: "swc-if-label", extends: "label" }),
+  __metadata("design:paramtypes", [])
+], SwcIfLabel);
+export {
+  SwcIfLabel
+};
+//# sourceMappingURL=SwcIfLabel.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/is/SwcIfLabel.ts"],
+  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLLabelElementBase } from './SwcHTMLLabelElementBase';\n\n@elementDefine({ name: 'swc-if-label', extends: 'label' })\nexport class SwcIfLabel extends SwcHTMLLabelElementBase {\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 it's a Customized Built-in, it might have hidden itself in connectedCallback\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;AAEtB,YAAI,MAAM;AAAO,gBAAM,MAAM,UAAU;AACvC,aAAK,UAAU,OAAO,KAAK,SAAS;MACtC,CAAC;IACH;EACF;;AAvCA,WAAA;EADC;;;;;AAjBU,aAAU,WAAA;EADtB,cAAc,EAAE,MAAM,gBAAgB,SAAS,QAAO,CAAE;;GAC5C,UAAU;",
+  "names": ["SwcIfLabel"]
+}

package/dist/esm/is/SwcIfLegend.js

@@ -0,0 +1,78 @@
+var __decorate = function(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = function(k, v) {
+  if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { elementDefine, innerHtml } from "../index.js";
+import { SwcHTMLLegendElementBase } from "./SwcHTMLLegendElementBase.js";
+let SwcIfLegend = class SwcIfLegend2 extends SwcHTMLLegendElementBase {
+  constructor() {
+    super();
+    this._swcValue = false;
+  }
+  set swcValue(val) {
+    this._swcValue = val;
+    if (this._masterTplNodes.length === 0)
+      this.initCore();
+    this.render();
+  }
+  get swcValue() {
+    return this._swcValue;
+  }
+  renderTemplate() {
+    return `<slot id="tpl-slot" style="display:none;"></slot>`;
+  }
+  connectedCallback() {
+    this.initCore();
+    if (this._masterTplNodes.length > 0) {
+      this.innerHTML = "";
+      this.render();
+    }
+  }
+  render() {
+    const attrValue = this.getAttribute("swc-value") || this.getAttribute("value");
+    if (attrValue !== null && attrValue.includes("{{"))
+      return;
+    let displayValue = attrValue !== null ? attrValue : this._swcValue;
+    let isTruthy = !!displayValue;
+    if (typeof displayValue === "string") {
+      if (displayValue === "false" || displayValue === "0" || displayValue === "")
+        isTruthy = false;
+      else {
+        try {
+          isTruthy = !!new Function("return " + displayValue)();
+        } catch (e) {
+          isTruthy = true;
+        }
+      }
+    }
+    this.innerHTML = "";
+    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.applyData(clone, this._swcValue);
+      });
+    }
+  }
+};
+__decorate([
+  innerHtml,
+  __metadata("design:type", Function),
+  __metadata("design:paramtypes", []),
+  __metadata("design:returntype", void 0)
+], SwcIfLegend.prototype, "renderTemplate", null);
+SwcIfLegend = __decorate([
+  elementDefine({ name: "swc-if-legend", extends: "legend" }),
+  __metadata("design:paramtypes", [])
+], SwcIfLegend);
+export {
+  SwcIfLegend
+};
+//# sourceMappingURL=SwcIfLegend.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/is/SwcIfLegend.ts"],
+  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLLegendElementBase } from './SwcHTMLLegendElementBase';\n\n@elementDefine({ name: 'swc-if-legend', extends: 'legend' })\nexport class SwcIfLegend extends SwcHTMLLegendElementBase {\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 it's a Customized Built-in, it might have hidden itself in connectedCallback\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;AAEtB,YAAI,MAAM;AAAO,gBAAM,MAAM,UAAU;AACvC,aAAK,UAAU,OAAO,KAAK,SAAS;MACtC,CAAC;IACH;EACF;;AAvCA,WAAA;EADC;;;;;AAjBU,cAAW,WAAA;EADvB,cAAc,EAAE,MAAM,iBAAiB,SAAS,SAAQ,CAAE;;GAC9C,WAAW;",
+  "names": ["SwcIfLegend"]
+}

package/dist/esm/is/SwcIfLi.js

@@ -0,0 +1,78 @@
+var __decorate = function(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = function(k, v) {
+  if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { elementDefine, innerHtml } from "../index.js";
+import { SwcHTMLLIElementBase } from "./SwcHTMLLIElementBase.js";
+let SwcIfLi = class SwcIfLi2 extends SwcHTMLLIElementBase {
+  constructor() {
+    super();
+    this._swcValue = false;
+  }
+  set swcValue(val) {
+    this._swcValue = val;
+    if (this._masterTplNodes.length === 0)
+      this.initCore();
+    this.render();
+  }
+  get swcValue() {
+    return this._swcValue;
+  }
+  renderTemplate() {
+    return `<slot id="tpl-slot" style="display:none;"></slot>`;
+  }
+  connectedCallback() {
+    this.initCore();
+    if (this._masterTplNodes.length > 0) {
+      this.innerHTML = "";
+      this.render();
+    }
+  }
+  render() {
+    const attrValue = this.getAttribute("swc-value") || this.getAttribute("value");
+    if (attrValue !== null && attrValue.includes("{{"))
+      return;
+    let displayValue = attrValue !== null ? attrValue : this._swcValue;
+    let isTruthy = !!displayValue;
+    if (typeof displayValue === "string") {
+      if (displayValue === "false" || displayValue === "0" || displayValue === "")
+        isTruthy = false;
+      else {
+        try {
+          isTruthy = !!new Function("return " + displayValue)();
+        } catch (e) {
+          isTruthy = true;
+        }
+      }
+    }
+    this.innerHTML = "";
+    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.applyData(clone, this._swcValue);
+      });
+    }
+  }
+};
+__decorate([
+  innerHtml,
+  __metadata("design:type", Function),
+  __metadata("design:paramtypes", []),
+  __metadata("design:returntype", void 0)
+], SwcIfLi.prototype, "renderTemplate", null);
+SwcIfLi = __decorate([
+  elementDefine({ name: "swc-if-li", extends: "li" }),
+  __metadata("design:paramtypes", [])
+], SwcIfLi);
+export {
+  SwcIfLi
+};
+//# sourceMappingURL=SwcIfLi.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/is/SwcIfLi.ts"],
+  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLLIElementBase } from './SwcHTMLLIElementBase';\n\n@elementDefine({ name: 'swc-if-li', extends: 'li' })\nexport class SwcIfLi extends SwcHTMLLIElementBase {\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 it's a Customized Built-in, it might have hidden itself in connectedCallback\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,4BAA4B;AAG9B,IAAM,UAAN,MAAMA,iBAAgB,qBAAoB;EAG/C,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;AAEtB,YAAI,MAAM;AAAO,gBAAM,MAAM,UAAU;AACvC,aAAK,UAAU,OAAO,KAAK,SAAS;MACtC,CAAC;IACH;EACF;;AAvCA,WAAA;EADC;;;;;AAjBU,UAAO,WAAA;EADnB,cAAc,EAAE,MAAM,aAAa,SAAS,KAAI,CAAE;;GACtC,OAAO;",
+  "names": ["SwcIfLi"]
+}

package/dist/esm/is/SwcIfLink.js

@@ -0,0 +1,78 @@
+var __decorate = function(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = function(k, v) {
+  if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { elementDefine, innerHtml } from "../index.js";
+import { SwcHTMLLinkElementBase } from "./SwcHTMLLinkElementBase.js";
+let SwcIfLink = class SwcIfLink2 extends SwcHTMLLinkElementBase {
+  constructor() {
+    super();
+    this._swcValue = false;
+  }
+  set swcValue(val) {
+    this._swcValue = val;
+    if (this._masterTplNodes.length === 0)
+      this.initCore();
+    this.render();
+  }
+  get swcValue() {
+    return this._swcValue;
+  }
+  renderTemplate() {
+    return `<slot id="tpl-slot" style="display:none;"></slot>`;
+  }
+  connectedCallback() {
+    this.initCore();
+    if (this._masterTplNodes.length > 0) {
+      this.innerHTML = "";
+      this.render();
+    }
+  }
+  render() {
+    const attrValue = this.getAttribute("swc-value") || this.getAttribute("value");
+    if (attrValue !== null && attrValue.includes("{{"))
+      return;
+    let displayValue = attrValue !== null ? attrValue : this._swcValue;
+    let isTruthy = !!displayValue;
+    if (typeof displayValue === "string") {
+      if (displayValue === "false" || displayValue === "0" || displayValue === "")
+        isTruthy = false;
+      else {
+        try {
+          isTruthy = !!new Function("return " + displayValue)();
+        } catch (e) {
+          isTruthy = true;
+        }
+      }
+    }
+    this.innerHTML = "";
+    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.applyData(clone, this._swcValue);
+      });
+    }
+  }
+};
+__decorate([
+  innerHtml,
+  __metadata("design:type", Function),
+  __metadata("design:paramtypes", []),
+  __metadata("design:returntype", void 0)
+], SwcIfLink.prototype, "renderTemplate", null);
+SwcIfLink = __decorate([
+  elementDefine({ name: "swc-if-link", extends: "link" }),
+  __metadata("design:paramtypes", [])
+], SwcIfLink);
+export {
+  SwcIfLink
+};
+//# sourceMappingURL=SwcIfLink.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/is/SwcIfLink.ts"],
+  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLLinkElementBase } from './SwcHTMLLinkElementBase';\n\n@elementDefine({ name: 'swc-if-link', extends: 'link' })\nexport class SwcIfLink extends SwcHTMLLinkElementBase {\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 it's a Customized Built-in, it might have hidden itself in connectedCallback\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;AAEtB,YAAI,MAAM;AAAO,gBAAM,MAAM,UAAU;AACvC,aAAK,UAAU,OAAO,KAAK,SAAS;MACtC,CAAC;IACH;EACF;;AAvCA,WAAA;EADC;;;;;AAjBU,YAAS,WAAA;EADrB,cAAc,EAAE,MAAM,eAAe,SAAS,OAAM,CAAE;;GAC1C,SAAS;",
+  "names": ["SwcIfLink"]
+}

package/dist/esm/is/SwcIfMap.js

@@ -0,0 +1,78 @@
+var __decorate = function(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = function(k, v) {
+  if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { elementDefine, innerHtml } from "../index.js";
+import { SwcHTMLMapElementBase } from "./SwcHTMLMapElementBase.js";
+let SwcIfMap = class SwcIfMap2 extends SwcHTMLMapElementBase {
+  constructor() {
+    super();
+    this._swcValue = false;
+  }
+  set swcValue(val) {
+    this._swcValue = val;
+    if (this._masterTplNodes.length === 0)
+      this.initCore();
+    this.render();
+  }
+  get swcValue() {
+    return this._swcValue;
+  }
+  renderTemplate() {
+    return `<slot id="tpl-slot" style="display:none;"></slot>`;
+  }
+  connectedCallback() {
+    this.initCore();
+    if (this._masterTplNodes.length > 0) {
+      this.innerHTML = "";
+      this.render();
+    }
+  }
+  render() {
+    const attrValue = this.getAttribute("swc-value") || this.getAttribute("value");
+    if (attrValue !== null && attrValue.includes("{{"))
+      return;
+    let displayValue = attrValue !== null ? attrValue : this._swcValue;
+    let isTruthy = !!displayValue;
+    if (typeof displayValue === "string") {
+      if (displayValue === "false" || displayValue === "0" || displayValue === "")
+        isTruthy = false;
+      else {
+        try {
+          isTruthy = !!new Function("return " + displayValue)();
+        } catch (e) {
+          isTruthy = true;
+        }
+      }
+    }
+    this.innerHTML = "";
+    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.applyData(clone, this._swcValue);
+      });
+    }
+  }
+};
+__decorate([
+  innerHtml,
+  __metadata("design:type", Function),
+  __metadata("design:paramtypes", []),
+  __metadata("design:returntype", void 0)
+], SwcIfMap.prototype, "renderTemplate", null);
+SwcIfMap = __decorate([
+  elementDefine({ name: "swc-if-map", extends: "map" }),
+  __metadata("design:paramtypes", [])
+], SwcIfMap);
+export {
+  SwcIfMap
+};
+//# sourceMappingURL=SwcIfMap.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/is/SwcIfMap.ts"],
+  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLMapElementBase } from './SwcHTMLMapElementBase';\n\n@elementDefine({ name: 'swc-if-map', extends: 'map' })\nexport class SwcIfMap extends SwcHTMLMapElementBase {\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 it's a Customized Built-in, it might have hidden itself in connectedCallback\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,6BAA6B;AAG/B,IAAM,WAAN,MAAMA,kBAAiB,sBAAqB;EAGjD,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;AAEtB,YAAI,MAAM;AAAO,gBAAM,MAAM,UAAU;AACvC,aAAK,UAAU,OAAO,KAAK,SAAS;MACtC,CAAC;IACH;EACF;;AAvCA,WAAA;EADC;;;;;AAjBU,WAAQ,WAAA;EADpB,cAAc,EAAE,MAAM,cAAc,SAAS,MAAK,CAAE;;GACxC,QAAQ;",
+  "names": ["SwcIfMap"]
+}

package/dist/esm/is/SwcIfMeta.js

@@ -0,0 +1,78 @@
+var __decorate = function(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = function(k, v) {
+  if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { elementDefine, innerHtml } from "../index.js";
+import { SwcHTMLMetaElementBase } from "./SwcHTMLMetaElementBase.js";
+let SwcIfMeta = class SwcIfMeta2 extends SwcHTMLMetaElementBase {
+  constructor() {
+    super();
+    this._swcValue = false;
+  }
+  set swcValue(val) {
+    this._swcValue = val;
+    if (this._masterTplNodes.length === 0)
+      this.initCore();
+    this.render();
+  }
+  get swcValue() {
+    return this._swcValue;
+  }
+  renderTemplate() {
+    return `<slot id="tpl-slot" style="display:none;"></slot>`;
+  }
+  connectedCallback() {
+    this.initCore();
+    if (this._masterTplNodes.length > 0) {
+      this.innerHTML = "";
+      this.render();
+    }
+  }
+  render() {
+    const attrValue = this.getAttribute("swc-value") || this.getAttribute("value");
+    if (attrValue !== null && attrValue.includes("{{"))
+      return;
+    let displayValue = attrValue !== null ? attrValue : this._swcValue;
+    let isTruthy = !!displayValue;
+    if (typeof displayValue === "string") {
+      if (displayValue === "false" || displayValue === "0" || displayValue === "")
+        isTruthy = false;
+      else {
+        try {
+          isTruthy = !!new Function("return " + displayValue)();
+        } catch (e) {
+          isTruthy = true;
+        }
+      }
+    }
+    this.innerHTML = "";
+    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.applyData(clone, this._swcValue);
+      });
+    }
+  }
+};
+__decorate([
+  innerHtml,
+  __metadata("design:type", Function),
+  __metadata("design:paramtypes", []),
+  __metadata("design:returntype", void 0)
+], SwcIfMeta.prototype, "renderTemplate", null);
+SwcIfMeta = __decorate([
+  elementDefine({ name: "swc-if-meta", extends: "meta" }),
+  __metadata("design:paramtypes", [])
+], SwcIfMeta);
+export {
+  SwcIfMeta
+};
+//# sourceMappingURL=SwcIfMeta.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/is/SwcIfMeta.ts"],
+  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLMetaElementBase } from './SwcHTMLMetaElementBase';\n\n@elementDefine({ name: 'swc-if-meta', extends: 'meta' })\nexport class SwcIfMeta extends SwcHTMLMetaElementBase {\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 it's a Customized Built-in, it might have hidden itself in connectedCallback\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;AAEtB,YAAI,MAAM;AAAO,gBAAM,MAAM,UAAU;AACvC,aAAK,UAAU,OAAO,KAAK,SAAS;MACtC,CAAC;IACH;EACF;;AAvCA,WAAA;EADC;;;;;AAjBU,YAAS,WAAA;EADrB,cAAc,EAAE,MAAM,eAAe,SAAS,OAAM,CAAE;;GAC1C,SAAS;",
+  "names": ["SwcIfMeta"]
+}