@dooboostore/simple-web-component 1.0.8 → 1.0.10

package/dist/esm/is/SwcChooseChildrenButton.js

@@ -0,0 +1,118 @@
+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 { attribute, elementDefine, onAttributeChanged } from "../index.js";
+import { SwcHTMLButtonElementBase } from "./SwcHTMLButtonElementBase.js";
+let SwcChooseChildrenButton = class SwcChooseChildrenButton2 extends SwcHTMLButtonElementBase {
+  constructor() {
+    super();
+    this._observer = null;
+    this._swcValue = void 0;
+    this._branches = [];
+    this._otherBranch = null;
+    this._isInitialized = false;
+  }
+  onValueChange() {
+    this.evaluate();
+  }
+  set swcValue(val) {
+    this._swcValue = val;
+  }
+  get swcValue() {
+    return this._swcValue;
+  }
+  connectedCallback() {
+    this._initBranches();
+    this._observer = new MutationObserver(() => this.evaluate());
+    this._observer.observe(this, { attributes: true });
+    this.evaluate();
+  }
+  _initBranches() {
+    if (this._isInitialized)
+      return;
+    const children = Array.from(this.children);
+    children.forEach((c) => {
+      const isWhen = c.localName === "swc-when" || c.getAttribute("is")?.startsWith("swc-when-");
+      const isOther = c.localName === "swc-other" || c.getAttribute("is")?.startsWith("swc-other-");
+      const branch = {
+        tpl: c.cloneNode(true),
+        test: c.getAttribute("test")
+      };
+      if (isWhen)
+        this._branches.push(branch);
+      else if (isOther)
+        this._otherBranch = branch;
+    });
+    this.innerHTML = "";
+    this._isInitialized = true;
+  }
+  disconnectedCallback() {
+    this._observer?.disconnect();
+  }
+  evaluate() {
+    if (!this._isInitialized)
+      return;
+    let matched = false;
+    const chooseValue = this.getAttribute("swc-value") ?? this.getAttribute("value") ?? this._swcValue;
+    this.innerHTML = "";
+    for (const branch of this._branches) {
+      if (matched)
+        break;
+      const testAttr = branch.test;
+      if (testAttr === null || testAttr.includes("{{"))
+        continue;
+      let isMet = false;
+      if (chooseValue !== void 0 && chooseValue !== null) {
+        isMet = String(chooseValue) === String(testAttr);
+      } else {
+        try {
+          if (testAttr === "true")
+            isMet = true;
+          else if (testAttr === "false")
+            isMet = false;
+          else
+            isMet = !!new Function("return " + testAttr)();
+        } catch (e) {
+          isMet = false;
+        }
+      }
+      if (isMet) {
+        this._renderBranch(branch);
+        matched = true;
+      }
+    }
+    if (!matched && this._otherBranch) {
+      this._renderBranch(this._otherBranch);
+    }
+  }
+  _renderBranch(branch) {
+    const clone = branch.tpl.cloneNode(true);
+    clone.style.display = "contents";
+    this.appendChild(clone);
+    this.applyData(clone, this._swcValue);
+  }
+};
+__decorate([
+  attribute("swc-value"),
+  __metadata("design:type", Object)
+], SwcChooseChildrenButton.prototype, "_swcValue", void 0);
+__decorate([
+  onAttributeChanged("swc-value"),
+  __metadata("design:type", Function),
+  __metadata("design:paramtypes", []),
+  __metadata("design:returntype", void 0)
+], SwcChooseChildrenButton.prototype, "onValueChange", null);
+SwcChooseChildrenButton = __decorate([
+  elementDefine({ name: "swc-choose-children-button", extends: "button" }),
+  __metadata("design:paramtypes", [])
+], SwcChooseChildrenButton);
+export {
+  SwcChooseChildrenButton
+};
+//# sourceMappingURL=SwcChooseChildrenButton.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/is/SwcChooseChildrenButton.ts"],
+  "sourcesContent": ["import { attribute, elementDefine, onAttributeChanged } from '../index';\nimport { SwcHTMLButtonElementBase } from './SwcHTMLButtonElementBase';\n\ninterface Branch {\n  tpl: HTMLElement;\n  test: string | null;\n}\n\n@elementDefine({ name: 'swc-choose-children-button', extends: 'button' })\nexport class SwcChooseChildrenButton extends SwcHTMLButtonElementBase {\n  private _observer: MutationObserver | null = null;\n  @attribute('swc-value')\n  _swcValue: any = undefined;\n  private _branches: Branch[] = [];\n  private _otherBranch: Branch | null = null;\n  private _isInitialized = false;\n\n  constructor() {\n    super();\n  }\n\n  @onAttributeChanged('swc-value')\n  onValueChange() {\n    this.evaluate();\n  }\n\n  set swcValue(val: any) { this._swcValue = val; }\n  get swcValue() { return this._swcValue; }\n\n  connectedCallback() {\n    this._initBranches();\n    this._observer = new MutationObserver(() => this.evaluate());\n    this._observer.observe(this, { attributes: true });\n    this.evaluate();\n  }\n\n  private _initBranches() {\n    if (this._isInitialized) return;\n    const children = Array.from(this.children);\n    children.forEach(c => {\n      const isWhen = c.localName === 'swc-when' || c.getAttribute('is')?.startsWith('swc-when-');\n      const isOther = c.localName === 'swc-other' || c.getAttribute('is')?.startsWith('swc-other-');\n      const branch: Branch = {\n        tpl: c.cloneNode(true) as HTMLElement,\n        test: c.getAttribute('test')\n      };\n      if (isWhen) this._branches.push(branch);\n      else if (isOther) this._otherBranch = branch;\n    });\n    this.innerHTML = '';\n    this._isInitialized = true;\n  }\n\n  disconnectedCallback() { this._observer?.disconnect(); }\n\n  private evaluate() {\n    if (!this._isInitialized) return;\n    let matched = false;\n    const chooseValue = this.getAttribute('swc-value') ?? this.getAttribute('value') ?? this._swcValue;\n    this.innerHTML = '';\n\n    for (const branch of this._branches) {\n      if (matched) break;\n      const testAttr = branch.test;\n      if (testAttr === null || testAttr.includes('{{')) continue;\n      let isMet = false;\n      if (chooseValue !== undefined && chooseValue !== null) { isMet = String(chooseValue) === String(testAttr); }\n      else { try { if (testAttr === 'true') isMet = true; else if (testAttr === 'false') isMet = false; else isMet = !!new Function('return ' + testAttr)(); } catch (e) { isMet = false; } }\n\n      if (isMet) {\n        this._renderBranch(branch);\n        matched = true;\n      }\n    }\n\n    if (!matched && this._otherBranch) { this._renderBranch(this._otherBranch); }\n  }\n\n  private _renderBranch(branch: Branch) {\n    const clone = branch.tpl.cloneNode(true) as HTMLElement;\n    clone.style.display = 'contents';\n    this.appendChild(clone);\n    this.applyData(clone, this._swcValue);\n  }\n}\n"],
+  "mappings": ";;;;;;;;;AAAA,SAAS,WAAW,eAAe,0BAA0B;AAC7D,SAAS,gCAAgC;AAQlC,IAAM,0BAAN,MAAMA,iCAAgC,yBAAwB;EAQnE,cAAA;AACE,UAAK;AARC,SAAA,YAAqC;AAE7C,SAAA,YAAiB;AACT,SAAA,YAAsB,CAAA;AACtB,SAAA,eAA8B;AAC9B,SAAA,iBAAiB;EAIzB;EAGA,gBAAa;AACX,SAAK,SAAQ;EACf;EAEA,IAAI,SAAS,KAAQ;AAAI,SAAK,YAAY;EAAK;EAC/C,IAAI,WAAQ;AAAK,WAAO,KAAK;EAAW;EAExC,oBAAiB;AACf,SAAK,cAAa;AAClB,SAAK,YAAY,IAAI,iBAAiB,MAAM,KAAK,SAAQ,CAAE;AAC3D,SAAK,UAAU,QAAQ,MAAM,EAAE,YAAY,KAAI,CAAE;AACjD,SAAK,SAAQ;EACf;EAEQ,gBAAa;AACnB,QAAI,KAAK;AAAgB;AACzB,UAAM,WAAW,MAAM,KAAK,KAAK,QAAQ;AACzC,aAAS,QAAQ,OAAI;AACnB,YAAM,SAAS,EAAE,cAAc,cAAc,EAAE,aAAa,IAAI,GAAG,WAAW,WAAW;AACzF,YAAM,UAAU,EAAE,cAAc,eAAe,EAAE,aAAa,IAAI,GAAG,WAAW,YAAY;AAC5F,YAAM,SAAiB;QACrB,KAAK,EAAE,UAAU,IAAI;QACrB,MAAM,EAAE,aAAa,MAAM;;AAE7B,UAAI;AAAQ,aAAK,UAAU,KAAK,MAAM;eAC7B;AAAS,aAAK,eAAe;IACxC,CAAC;AACD,SAAK,YAAY;AACjB,SAAK,iBAAiB;EACxB;EAEA,uBAAoB;AAAK,SAAK,WAAW,WAAU;EAAI;EAE/C,WAAQ;AACd,QAAI,CAAC,KAAK;AAAgB;AAC1B,QAAI,UAAU;AACd,UAAM,cAAc,KAAK,aAAa,WAAW,KAAK,KAAK,aAAa,OAAO,KAAK,KAAK;AACzF,SAAK,YAAY;AAEjB,eAAW,UAAU,KAAK,WAAW;AACnC,UAAI;AAAS;AACb,YAAM,WAAW,OAAO;AACxB,UAAI,aAAa,QAAQ,SAAS,SAAS,IAAI;AAAG;AAClD,UAAI,QAAQ;AACZ,UAAI,gBAAgB,UAAa,gBAAgB,MAAM;AAAE,gBAAQ,OAAO,WAAW,MAAM,OAAO,QAAQ;MAAG,OACtG;AAAE,YAAI;AAAE,cAAI,aAAa;AAAQ,oBAAQ;mBAAe,aAAa;AAAS,oBAAQ;;AAAY,oBAAQ,CAAC,CAAC,IAAI,SAAS,YAAY,QAAQ,EAAC;QAAI,SAAS,GAAG;AAAE,kBAAQ;QAAO;MAAE;AAEtL,UAAI,OAAO;AACT,aAAK,cAAc,MAAM;AACzB,kBAAU;MACZ;IACF;AAEA,QAAI,CAAC,WAAW,KAAK,cAAc;AAAE,WAAK,cAAc,KAAK,YAAY;IAAG;EAC9E;EAEQ,cAAc,QAAc;AAClC,UAAM,QAAQ,OAAO,IAAI,UAAU,IAAI;AACvC,UAAM,MAAM,UAAU;AACtB,SAAK,YAAY,KAAK;AACtB,SAAK,UAAU,OAAO,KAAK,SAAS;EACtC;;AAvEA,WAAA;EADC,UAAU,WAAW;;;AAWtB,WAAA;EADC,mBAAmB,WAAW;;;;;AAZpB,0BAAuB,WAAA;EADnC,cAAc,EAAE,MAAM,8BAA8B,SAAS,SAAQ,CAAE;;GAC3D,uBAAuB;",
+  "names": ["SwcChooseChildrenButton"]
+}

package/dist/esm/is/SwcChooseChildrenCanvas.js

@@ -0,0 +1,118 @@
+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 { attribute, elementDefine, onAttributeChanged } from "../index.js";
+import { SwcHTMLCanvasElementBase } from "./SwcHTMLCanvasElementBase.js";
+let SwcChooseChildrenCanvas = class SwcChooseChildrenCanvas2 extends SwcHTMLCanvasElementBase {
+  constructor() {
+    super();
+    this._observer = null;
+    this._swcValue = void 0;
+    this._branches = [];
+    this._otherBranch = null;
+    this._isInitialized = false;
+  }
+  onValueChange() {
+    this.evaluate();
+  }
+  set swcValue(val) {
+    this._swcValue = val;
+  }
+  get swcValue() {
+    return this._swcValue;
+  }
+  connectedCallback() {
+    this._initBranches();
+    this._observer = new MutationObserver(() => this.evaluate());
+    this._observer.observe(this, { attributes: true });
+    this.evaluate();
+  }
+  _initBranches() {
+    if (this._isInitialized)
+      return;
+    const children = Array.from(this.children);
+    children.forEach((c) => {
+      const isWhen = c.localName === "swc-when" || c.getAttribute("is")?.startsWith("swc-when-");
+      const isOther = c.localName === "swc-other" || c.getAttribute("is")?.startsWith("swc-other-");
+      const branch = {
+        tpl: c.cloneNode(true),
+        test: c.getAttribute("test")
+      };
+      if (isWhen)
+        this._branches.push(branch);
+      else if (isOther)
+        this._otherBranch = branch;
+    });
+    this.innerHTML = "";
+    this._isInitialized = true;
+  }
+  disconnectedCallback() {
+    this._observer?.disconnect();
+  }
+  evaluate() {
+    if (!this._isInitialized)
+      return;
+    let matched = false;
+    const chooseValue = this.getAttribute("swc-value") ?? this.getAttribute("value") ?? this._swcValue;
+    this.innerHTML = "";
+    for (const branch of this._branches) {
+      if (matched)
+        break;
+      const testAttr = branch.test;
+      if (testAttr === null || testAttr.includes("{{"))
+        continue;
+      let isMet = false;
+      if (chooseValue !== void 0 && chooseValue !== null) {
+        isMet = String(chooseValue) === String(testAttr);
+      } else {
+        try {
+          if (testAttr === "true")
+            isMet = true;
+          else if (testAttr === "false")
+            isMet = false;
+          else
+            isMet = !!new Function("return " + testAttr)();
+        } catch (e) {
+          isMet = false;
+        }
+      }
+      if (isMet) {
+        this._renderBranch(branch);
+        matched = true;
+      }
+    }
+    if (!matched && this._otherBranch) {
+      this._renderBranch(this._otherBranch);
+    }
+  }
+  _renderBranch(branch) {
+    const clone = branch.tpl.cloneNode(true);
+    clone.style.display = "contents";
+    this.appendChild(clone);
+    this.applyData(clone, this._swcValue);
+  }
+};
+__decorate([
+  attribute("swc-value"),
+  __metadata("design:type", Object)
+], SwcChooseChildrenCanvas.prototype, "_swcValue", void 0);
+__decorate([
+  onAttributeChanged("swc-value"),
+  __metadata("design:type", Function),
+  __metadata("design:paramtypes", []),
+  __metadata("design:returntype", void 0)
+], SwcChooseChildrenCanvas.prototype, "onValueChange", null);
+SwcChooseChildrenCanvas = __decorate([
+  elementDefine({ name: "swc-choose-children-canvas", extends: "canvas" }),
+  __metadata("design:paramtypes", [])
+], SwcChooseChildrenCanvas);
+export {
+  SwcChooseChildrenCanvas
+};
+//# sourceMappingURL=SwcChooseChildrenCanvas.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/is/SwcChooseChildrenCanvas.ts"],
+  "sourcesContent": ["import { attribute, elementDefine, onAttributeChanged } from '../index';\nimport { SwcHTMLCanvasElementBase } from './SwcHTMLCanvasElementBase';\n\ninterface Branch {\n  tpl: HTMLElement;\n  test: string | null;\n}\n\n@elementDefine({ name: 'swc-choose-children-canvas', extends: 'canvas' })\nexport class SwcChooseChildrenCanvas extends SwcHTMLCanvasElementBase {\n  private _observer: MutationObserver | null = null;\n  @attribute('swc-value')\n  _swcValue: any = undefined;\n  private _branches: Branch[] = [];\n  private _otherBranch: Branch | null = null;\n  private _isInitialized = false;\n\n  constructor() {\n    super();\n  }\n\n  @onAttributeChanged('swc-value')\n  onValueChange() {\n    this.evaluate();\n  }\n\n  set swcValue(val: any) { this._swcValue = val; }\n  get swcValue() { return this._swcValue; }\n\n  connectedCallback() {\n    this._initBranches();\n    this._observer = new MutationObserver(() => this.evaluate());\n    this._observer.observe(this, { attributes: true });\n    this.evaluate();\n  }\n\n  private _initBranches() {\n    if (this._isInitialized) return;\n    const children = Array.from(this.children);\n    children.forEach(c => {\n      const isWhen = c.localName === 'swc-when' || c.getAttribute('is')?.startsWith('swc-when-');\n      const isOther = c.localName === 'swc-other' || c.getAttribute('is')?.startsWith('swc-other-');\n      const branch: Branch = {\n        tpl: c.cloneNode(true) as HTMLElement,\n        test: c.getAttribute('test')\n      };\n      if (isWhen) this._branches.push(branch);\n      else if (isOther) this._otherBranch = branch;\n    });\n    this.innerHTML = '';\n    this._isInitialized = true;\n  }\n\n  disconnectedCallback() { this._observer?.disconnect(); }\n\n  private evaluate() {\n    if (!this._isInitialized) return;\n    let matched = false;\n    const chooseValue = this.getAttribute('swc-value') ?? this.getAttribute('value') ?? this._swcValue;\n    this.innerHTML = '';\n\n    for (const branch of this._branches) {\n      if (matched) break;\n      const testAttr = branch.test;\n      if (testAttr === null || testAttr.includes('{{')) continue;\n      let isMet = false;\n      if (chooseValue !== undefined && chooseValue !== null) { isMet = String(chooseValue) === String(testAttr); }\n      else { try { if (testAttr === 'true') isMet = true; else if (testAttr === 'false') isMet = false; else isMet = !!new Function('return ' + testAttr)(); } catch (e) { isMet = false; } }\n\n      if (isMet) {\n        this._renderBranch(branch);\n        matched = true;\n      }\n    }\n\n    if (!matched && this._otherBranch) { this._renderBranch(this._otherBranch); }\n  }\n\n  private _renderBranch(branch: Branch) {\n    const clone = branch.tpl.cloneNode(true) as HTMLElement;\n    clone.style.display = 'contents';\n    this.appendChild(clone);\n    this.applyData(clone, this._swcValue);\n  }\n}\n"],
+  "mappings": ";;;;;;;;;AAAA,SAAS,WAAW,eAAe,0BAA0B;AAC7D,SAAS,gCAAgC;AAQlC,IAAM,0BAAN,MAAMA,iCAAgC,yBAAwB;EAQnE,cAAA;AACE,UAAK;AARC,SAAA,YAAqC;AAE7C,SAAA,YAAiB;AACT,SAAA,YAAsB,CAAA;AACtB,SAAA,eAA8B;AAC9B,SAAA,iBAAiB;EAIzB;EAGA,gBAAa;AACX,SAAK,SAAQ;EACf;EAEA,IAAI,SAAS,KAAQ;AAAI,SAAK,YAAY;EAAK;EAC/C,IAAI,WAAQ;AAAK,WAAO,KAAK;EAAW;EAExC,oBAAiB;AACf,SAAK,cAAa;AAClB,SAAK,YAAY,IAAI,iBAAiB,MAAM,KAAK,SAAQ,CAAE;AAC3D,SAAK,UAAU,QAAQ,MAAM,EAAE,YAAY,KAAI,CAAE;AACjD,SAAK,SAAQ;EACf;EAEQ,gBAAa;AACnB,QAAI,KAAK;AAAgB;AACzB,UAAM,WAAW,MAAM,KAAK,KAAK,QAAQ;AACzC,aAAS,QAAQ,OAAI;AACnB,YAAM,SAAS,EAAE,cAAc,cAAc,EAAE,aAAa,IAAI,GAAG,WAAW,WAAW;AACzF,YAAM,UAAU,EAAE,cAAc,eAAe,EAAE,aAAa,IAAI,GAAG,WAAW,YAAY;AAC5F,YAAM,SAAiB;QACrB,KAAK,EAAE,UAAU,IAAI;QACrB,MAAM,EAAE,aAAa,MAAM;;AAE7B,UAAI;AAAQ,aAAK,UAAU,KAAK,MAAM;eAC7B;AAAS,aAAK,eAAe;IACxC,CAAC;AACD,SAAK,YAAY;AACjB,SAAK,iBAAiB;EACxB;EAEA,uBAAoB;AAAK,SAAK,WAAW,WAAU;EAAI;EAE/C,WAAQ;AACd,QAAI,CAAC,KAAK;AAAgB;AAC1B,QAAI,UAAU;AACd,UAAM,cAAc,KAAK,aAAa,WAAW,KAAK,KAAK,aAAa,OAAO,KAAK,KAAK;AACzF,SAAK,YAAY;AAEjB,eAAW,UAAU,KAAK,WAAW;AACnC,UAAI;AAAS;AACb,YAAM,WAAW,OAAO;AACxB,UAAI,aAAa,QAAQ,SAAS,SAAS,IAAI;AAAG;AAClD,UAAI,QAAQ;AACZ,UAAI,gBAAgB,UAAa,gBAAgB,MAAM;AAAE,gBAAQ,OAAO,WAAW,MAAM,OAAO,QAAQ;MAAG,OACtG;AAAE,YAAI;AAAE,cAAI,aAAa;AAAQ,oBAAQ;mBAAe,aAAa;AAAS,oBAAQ;;AAAY,oBAAQ,CAAC,CAAC,IAAI,SAAS,YAAY,QAAQ,EAAC;QAAI,SAAS,GAAG;AAAE,kBAAQ;QAAO;MAAE;AAEtL,UAAI,OAAO;AACT,aAAK,cAAc,MAAM;AACzB,kBAAU;MACZ;IACF;AAEA,QAAI,CAAC,WAAW,KAAK,cAAc;AAAE,WAAK,cAAc,KAAK,YAAY;IAAG;EAC9E;EAEQ,cAAc,QAAc;AAClC,UAAM,QAAQ,OAAO,IAAI,UAAU,IAAI;AACvC,UAAM,MAAM,UAAU;AACtB,SAAK,YAAY,KAAK;AACtB,SAAK,UAAU,OAAO,KAAK,SAAS;EACtC;;AAvEA,WAAA;EADC,UAAU,WAAW;;;AAWtB,WAAA;EADC,mBAAmB,WAAW;;;;;AAZpB,0BAAuB,WAAA;EADnC,cAAc,EAAE,MAAM,8BAA8B,SAAS,SAAQ,CAAE;;GAC3D,uBAAuB;",
+  "names": ["SwcChooseChildrenCanvas"]
+}

package/dist/esm/is/SwcChooseChildrenData.js

@@ -0,0 +1,118 @@
+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 { attribute, elementDefine, onAttributeChanged } from "../index.js";
+import { SwcHTMLDataElementBase } from "./SwcHTMLDataElementBase.js";
+let SwcChooseChildrenData = class SwcChooseChildrenData2 extends SwcHTMLDataElementBase {
+  constructor() {
+    super();
+    this._observer = null;
+    this._swcValue = void 0;
+    this._branches = [];
+    this._otherBranch = null;
+    this._isInitialized = false;
+  }
+  onValueChange() {
+    this.evaluate();
+  }
+  set swcValue(val) {
+    this._swcValue = val;
+  }
+  get swcValue() {
+    return this._swcValue;
+  }
+  connectedCallback() {
+    this._initBranches();
+    this._observer = new MutationObserver(() => this.evaluate());
+    this._observer.observe(this, { attributes: true });
+    this.evaluate();
+  }
+  _initBranches() {
+    if (this._isInitialized)
+      return;
+    const children = Array.from(this.children);
+    children.forEach((c) => {
+      const isWhen = c.localName === "swc-when" || c.getAttribute("is")?.startsWith("swc-when-");
+      const isOther = c.localName === "swc-other" || c.getAttribute("is")?.startsWith("swc-other-");
+      const branch = {
+        tpl: c.cloneNode(true),
+        test: c.getAttribute("test")
+      };
+      if (isWhen)
+        this._branches.push(branch);
+      else if (isOther)
+        this._otherBranch = branch;
+    });
+    this.innerHTML = "";
+    this._isInitialized = true;
+  }
+  disconnectedCallback() {
+    this._observer?.disconnect();
+  }
+  evaluate() {
+    if (!this._isInitialized)
+      return;
+    let matched = false;
+    const chooseValue = this.getAttribute("swc-value") ?? this.getAttribute("value") ?? this._swcValue;
+    this.innerHTML = "";
+    for (const branch of this._branches) {
+      if (matched)
+        break;
+      const testAttr = branch.test;
+      if (testAttr === null || testAttr.includes("{{"))
+        continue;
+      let isMet = false;
+      if (chooseValue !== void 0 && chooseValue !== null) {
+        isMet = String(chooseValue) === String(testAttr);
+      } else {
+        try {
+          if (testAttr === "true")
+            isMet = true;
+          else if (testAttr === "false")
+            isMet = false;
+          else
+            isMet = !!new Function("return " + testAttr)();
+        } catch (e) {
+          isMet = false;
+        }
+      }
+      if (isMet) {
+        this._renderBranch(branch);
+        matched = true;
+      }
+    }
+    if (!matched && this._otherBranch) {
+      this._renderBranch(this._otherBranch);
+    }
+  }
+  _renderBranch(branch) {
+    const clone = branch.tpl.cloneNode(true);
+    clone.style.display = "contents";
+    this.appendChild(clone);
+    this.applyData(clone, this._swcValue);
+  }
+};
+__decorate([
+  attribute("swc-value"),
+  __metadata("design:type", Object)
+], SwcChooseChildrenData.prototype, "_swcValue", void 0);
+__decorate([
+  onAttributeChanged("swc-value"),
+  __metadata("design:type", Function),
+  __metadata("design:paramtypes", []),
+  __metadata("design:returntype", void 0)
+], SwcChooseChildrenData.prototype, "onValueChange", null);
+SwcChooseChildrenData = __decorate([
+  elementDefine({ name: "swc-choose-children-data", extends: "data" }),
+  __metadata("design:paramtypes", [])
+], SwcChooseChildrenData);
+export {
+  SwcChooseChildrenData
+};
+//# sourceMappingURL=SwcChooseChildrenData.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/is/SwcChooseChildrenData.ts"],
+  "sourcesContent": ["import { attribute, elementDefine, onAttributeChanged } from '../index';\nimport { SwcHTMLDataElementBase } from './SwcHTMLDataElementBase';\n\ninterface Branch {\n  tpl: HTMLElement;\n  test: string | null;\n}\n\n@elementDefine({ name: 'swc-choose-children-data', extends: 'data' })\nexport class SwcChooseChildrenData extends SwcHTMLDataElementBase {\n  private _observer: MutationObserver | null = null;\n  @attribute('swc-value')\n  _swcValue: any = undefined;\n  private _branches: Branch[] = [];\n  private _otherBranch: Branch | null = null;\n  private _isInitialized = false;\n\n  constructor() {\n    super();\n  }\n\n  @onAttributeChanged('swc-value')\n  onValueChange() {\n    this.evaluate();\n  }\n\n  set swcValue(val: any) { this._swcValue = val; }\n  get swcValue() { return this._swcValue; }\n\n  connectedCallback() {\n    this._initBranches();\n    this._observer = new MutationObserver(() => this.evaluate());\n    this._observer.observe(this, { attributes: true });\n    this.evaluate();\n  }\n\n  private _initBranches() {\n    if (this._isInitialized) return;\n    const children = Array.from(this.children);\n    children.forEach(c => {\n      const isWhen = c.localName === 'swc-when' || c.getAttribute('is')?.startsWith('swc-when-');\n      const isOther = c.localName === 'swc-other' || c.getAttribute('is')?.startsWith('swc-other-');\n      const branch: Branch = {\n        tpl: c.cloneNode(true) as HTMLElement,\n        test: c.getAttribute('test')\n      };\n      if (isWhen) this._branches.push(branch);\n      else if (isOther) this._otherBranch = branch;\n    });\n    this.innerHTML = '';\n    this._isInitialized = true;\n  }\n\n  disconnectedCallback() { this._observer?.disconnect(); }\n\n  private evaluate() {\n    if (!this._isInitialized) return;\n    let matched = false;\n    const chooseValue = this.getAttribute('swc-value') ?? this.getAttribute('value') ?? this._swcValue;\n    this.innerHTML = '';\n\n    for (const branch of this._branches) {\n      if (matched) break;\n      const testAttr = branch.test;\n      if (testAttr === null || testAttr.includes('{{')) continue;\n      let isMet = false;\n      if (chooseValue !== undefined && chooseValue !== null) { isMet = String(chooseValue) === String(testAttr); }\n      else { try { if (testAttr === 'true') isMet = true; else if (testAttr === 'false') isMet = false; else isMet = !!new Function('return ' + testAttr)(); } catch (e) { isMet = false; } }\n\n      if (isMet) {\n        this._renderBranch(branch);\n        matched = true;\n      }\n    }\n\n    if (!matched && this._otherBranch) { this._renderBranch(this._otherBranch); }\n  }\n\n  private _renderBranch(branch: Branch) {\n    const clone = branch.tpl.cloneNode(true) as HTMLElement;\n    clone.style.display = 'contents';\n    this.appendChild(clone);\n    this.applyData(clone, this._swcValue);\n  }\n}\n"],
+  "mappings": ";;;;;;;;;AAAA,SAAS,WAAW,eAAe,0BAA0B;AAC7D,SAAS,8BAA8B;AAQhC,IAAM,wBAAN,MAAMA,+BAA8B,uBAAsB;EAQ/D,cAAA;AACE,UAAK;AARC,SAAA,YAAqC;AAE7C,SAAA,YAAiB;AACT,SAAA,YAAsB,CAAA;AACtB,SAAA,eAA8B;AAC9B,SAAA,iBAAiB;EAIzB;EAGA,gBAAa;AACX,SAAK,SAAQ;EACf;EAEA,IAAI,SAAS,KAAQ;AAAI,SAAK,YAAY;EAAK;EAC/C,IAAI,WAAQ;AAAK,WAAO,KAAK;EAAW;EAExC,oBAAiB;AACf,SAAK,cAAa;AAClB,SAAK,YAAY,IAAI,iBAAiB,MAAM,KAAK,SAAQ,CAAE;AAC3D,SAAK,UAAU,QAAQ,MAAM,EAAE,YAAY,KAAI,CAAE;AACjD,SAAK,SAAQ;EACf;EAEQ,gBAAa;AACnB,QAAI,KAAK;AAAgB;AACzB,UAAM,WAAW,MAAM,KAAK,KAAK,QAAQ;AACzC,aAAS,QAAQ,OAAI;AACnB,YAAM,SAAS,EAAE,cAAc,cAAc,EAAE,aAAa,IAAI,GAAG,WAAW,WAAW;AACzF,YAAM,UAAU,EAAE,cAAc,eAAe,EAAE,aAAa,IAAI,GAAG,WAAW,YAAY;AAC5F,YAAM,SAAiB;QACrB,KAAK,EAAE,UAAU,IAAI;QACrB,MAAM,EAAE,aAAa,MAAM;;AAE7B,UAAI;AAAQ,aAAK,UAAU,KAAK,MAAM;eAC7B;AAAS,aAAK,eAAe;IACxC,CAAC;AACD,SAAK,YAAY;AACjB,SAAK,iBAAiB;EACxB;EAEA,uBAAoB;AAAK,SAAK,WAAW,WAAU;EAAI;EAE/C,WAAQ;AACd,QAAI,CAAC,KAAK;AAAgB;AAC1B,QAAI,UAAU;AACd,UAAM,cAAc,KAAK,aAAa,WAAW,KAAK,KAAK,aAAa,OAAO,KAAK,KAAK;AACzF,SAAK,YAAY;AAEjB,eAAW,UAAU,KAAK,WAAW;AACnC,UAAI;AAAS;AACb,YAAM,WAAW,OAAO;AACxB,UAAI,aAAa,QAAQ,SAAS,SAAS,IAAI;AAAG;AAClD,UAAI,QAAQ;AACZ,UAAI,gBAAgB,UAAa,gBAAgB,MAAM;AAAE,gBAAQ,OAAO,WAAW,MAAM,OAAO,QAAQ;MAAG,OACtG;AAAE,YAAI;AAAE,cAAI,aAAa;AAAQ,oBAAQ;mBAAe,aAAa;AAAS,oBAAQ;;AAAY,oBAAQ,CAAC,CAAC,IAAI,SAAS,YAAY,QAAQ,EAAC;QAAI,SAAS,GAAG;AAAE,kBAAQ;QAAO;MAAE;AAEtL,UAAI,OAAO;AACT,aAAK,cAAc,MAAM;AACzB,kBAAU;MACZ;IACF;AAEA,QAAI,CAAC,WAAW,KAAK,cAAc;AAAE,WAAK,cAAc,KAAK,YAAY;IAAG;EAC9E;EAEQ,cAAc,QAAc;AAClC,UAAM,QAAQ,OAAO,IAAI,UAAU,IAAI;AACvC,UAAM,MAAM,UAAU;AACtB,SAAK,YAAY,KAAK;AACtB,SAAK,UAAU,OAAO,KAAK,SAAS;EACtC;;AAvEA,WAAA;EADC,UAAU,WAAW;;;AAWtB,WAAA;EADC,mBAAmB,WAAW;;;;;AAZpB,wBAAqB,WAAA;EADjC,cAAc,EAAE,MAAM,4BAA4B,SAAS,OAAM,CAAE;;GACvD,qBAAqB;",
+  "names": ["SwcChooseChildrenData"]
+}

package/dist/esm/is/SwcChooseChildrenDataList.js

@@ -0,0 +1,118 @@
+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 { attribute, elementDefine, onAttributeChanged } from "../index.js";
+import { SwcHTMLDataListElementBase } from "./SwcHTMLDataListElementBase.js";
+let SwcChooseChildrenDataList = class SwcChooseChildrenDataList2 extends SwcHTMLDataListElementBase {
+  constructor() {
+    super();
+    this._observer = null;
+    this._swcValue = void 0;
+    this._branches = [];
+    this._otherBranch = null;
+    this._isInitialized = false;
+  }
+  onValueChange() {
+    this.evaluate();
+  }
+  set swcValue(val) {
+    this._swcValue = val;
+  }
+  get swcValue() {
+    return this._swcValue;
+  }
+  connectedCallback() {
+    this._initBranches();
+    this._observer = new MutationObserver(() => this.evaluate());
+    this._observer.observe(this, { attributes: true });
+    this.evaluate();
+  }
+  _initBranches() {
+    if (this._isInitialized)
+      return;
+    const children = Array.from(this.children);
+    children.forEach((c) => {
+      const isWhen = c.localName === "swc-when" || c.getAttribute("is")?.startsWith("swc-when-");
+      const isOther = c.localName === "swc-other" || c.getAttribute("is")?.startsWith("swc-other-");
+      const branch = {
+        tpl: c.cloneNode(true),
+        test: c.getAttribute("test")
+      };
+      if (isWhen)
+        this._branches.push(branch);
+      else if (isOther)
+        this._otherBranch = branch;
+    });
+    this.innerHTML = "";
+    this._isInitialized = true;
+  }
+  disconnectedCallback() {
+    this._observer?.disconnect();
+  }
+  evaluate() {
+    if (!this._isInitialized)
+      return;
+    let matched = false;
+    const chooseValue = this.getAttribute("swc-value") ?? this.getAttribute("value") ?? this._swcValue;
+    this.innerHTML = "";
+    for (const branch of this._branches) {
+      if (matched)
+        break;
+      const testAttr = branch.test;
+      if (testAttr === null || testAttr.includes("{{"))
+        continue;
+      let isMet = false;
+      if (chooseValue !== void 0 && chooseValue !== null) {
+        isMet = String(chooseValue) === String(testAttr);
+      } else {
+        try {
+          if (testAttr === "true")
+            isMet = true;
+          else if (testAttr === "false")
+            isMet = false;
+          else
+            isMet = !!new Function("return " + testAttr)();
+        } catch (e) {
+          isMet = false;
+        }
+      }
+      if (isMet) {
+        this._renderBranch(branch);
+        matched = true;
+      }
+    }
+    if (!matched && this._otherBranch) {
+      this._renderBranch(this._otherBranch);
+    }
+  }
+  _renderBranch(branch) {
+    const clone = branch.tpl.cloneNode(true);
+    clone.style.display = "contents";
+    this.appendChild(clone);
+    this.applyData(clone, this._swcValue);
+  }
+};
+__decorate([
+  attribute("swc-value"),
+  __metadata("design:type", Object)
+], SwcChooseChildrenDataList.prototype, "_swcValue", void 0);
+__decorate([
+  onAttributeChanged("swc-value"),
+  __metadata("design:type", Function),
+  __metadata("design:paramtypes", []),
+  __metadata("design:returntype", void 0)
+], SwcChooseChildrenDataList.prototype, "onValueChange", null);
+SwcChooseChildrenDataList = __decorate([
+  elementDefine({ name: "swc-choose-children-datalist", extends: "datalist" }),
+  __metadata("design:paramtypes", [])
+], SwcChooseChildrenDataList);
+export {
+  SwcChooseChildrenDataList
+};
+//# sourceMappingURL=SwcChooseChildrenDataList.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/is/SwcChooseChildrenDataList.ts"],
+  "sourcesContent": ["import { attribute, elementDefine, onAttributeChanged } from '../index';\nimport { SwcHTMLDataListElementBase } from './SwcHTMLDataListElementBase';\n\ninterface Branch {\n  tpl: HTMLElement;\n  test: string | null;\n}\n\n@elementDefine({ name: 'swc-choose-children-datalist', extends: 'datalist' })\nexport class SwcChooseChildrenDataList extends SwcHTMLDataListElementBase {\n  private _observer: MutationObserver | null = null;\n  @attribute('swc-value')\n  _swcValue: any = undefined;\n  private _branches: Branch[] = [];\n  private _otherBranch: Branch | null = null;\n  private _isInitialized = false;\n\n  constructor() {\n    super();\n  }\n\n  @onAttributeChanged('swc-value')\n  onValueChange() {\n    this.evaluate();\n  }\n\n  set swcValue(val: any) { this._swcValue = val; }\n  get swcValue() { return this._swcValue; }\n\n  connectedCallback() {\n    this._initBranches();\n    this._observer = new MutationObserver(() => this.evaluate());\n    this._observer.observe(this, { attributes: true });\n    this.evaluate();\n  }\n\n  private _initBranches() {\n    if (this._isInitialized) return;\n    const children = Array.from(this.children);\n    children.forEach(c => {\n      const isWhen = c.localName === 'swc-when' || c.getAttribute('is')?.startsWith('swc-when-');\n      const isOther = c.localName === 'swc-other' || c.getAttribute('is')?.startsWith('swc-other-');\n      const branch: Branch = {\n        tpl: c.cloneNode(true) as HTMLElement,\n        test: c.getAttribute('test')\n      };\n      if (isWhen) this._branches.push(branch);\n      else if (isOther) this._otherBranch = branch;\n    });\n    this.innerHTML = '';\n    this._isInitialized = true;\n  }\n\n  disconnectedCallback() { this._observer?.disconnect(); }\n\n  private evaluate() {\n    if (!this._isInitialized) return;\n    let matched = false;\n    const chooseValue = this.getAttribute('swc-value') ?? this.getAttribute('value') ?? this._swcValue;\n    this.innerHTML = '';\n\n    for (const branch of this._branches) {\n      if (matched) break;\n      const testAttr = branch.test;\n      if (testAttr === null || testAttr.includes('{{')) continue;\n      let isMet = false;\n      if (chooseValue !== undefined && chooseValue !== null) { isMet = String(chooseValue) === String(testAttr); }\n      else { try { if (testAttr === 'true') isMet = true; else if (testAttr === 'false') isMet = false; else isMet = !!new Function('return ' + testAttr)(); } catch (e) { isMet = false; } }\n\n      if (isMet) {\n        this._renderBranch(branch);\n        matched = true;\n      }\n    }\n\n    if (!matched && this._otherBranch) { this._renderBranch(this._otherBranch); }\n  }\n\n  private _renderBranch(branch: Branch) {\n    const clone = branch.tpl.cloneNode(true) as HTMLElement;\n    clone.style.display = 'contents';\n    this.appendChild(clone);\n    this.applyData(clone, this._swcValue);\n  }\n}\n"],
+  "mappings": ";;;;;;;;;AAAA,SAAS,WAAW,eAAe,0BAA0B;AAC7D,SAAS,kCAAkC;AAQpC,IAAM,4BAAN,MAAMA,mCAAkC,2BAA0B;EAQvE,cAAA;AACE,UAAK;AARC,SAAA,YAAqC;AAE7C,SAAA,YAAiB;AACT,SAAA,YAAsB,CAAA;AACtB,SAAA,eAA8B;AAC9B,SAAA,iBAAiB;EAIzB;EAGA,gBAAa;AACX,SAAK,SAAQ;EACf;EAEA,IAAI,SAAS,KAAQ;AAAI,SAAK,YAAY;EAAK;EAC/C,IAAI,WAAQ;AAAK,WAAO,KAAK;EAAW;EAExC,oBAAiB;AACf,SAAK,cAAa;AAClB,SAAK,YAAY,IAAI,iBAAiB,MAAM,KAAK,SAAQ,CAAE;AAC3D,SAAK,UAAU,QAAQ,MAAM,EAAE,YAAY,KAAI,CAAE;AACjD,SAAK,SAAQ;EACf;EAEQ,gBAAa;AACnB,QAAI,KAAK;AAAgB;AACzB,UAAM,WAAW,MAAM,KAAK,KAAK,QAAQ;AACzC,aAAS,QAAQ,OAAI;AACnB,YAAM,SAAS,EAAE,cAAc,cAAc,EAAE,aAAa,IAAI,GAAG,WAAW,WAAW;AACzF,YAAM,UAAU,EAAE,cAAc,eAAe,EAAE,aAAa,IAAI,GAAG,WAAW,YAAY;AAC5F,YAAM,SAAiB;QACrB,KAAK,EAAE,UAAU,IAAI;QACrB,MAAM,EAAE,aAAa,MAAM;;AAE7B,UAAI;AAAQ,aAAK,UAAU,KAAK,MAAM;eAC7B;AAAS,aAAK,eAAe;IACxC,CAAC;AACD,SAAK,YAAY;AACjB,SAAK,iBAAiB;EACxB;EAEA,uBAAoB;AAAK,SAAK,WAAW,WAAU;EAAI;EAE/C,WAAQ;AACd,QAAI,CAAC,KAAK;AAAgB;AAC1B,QAAI,UAAU;AACd,UAAM,cAAc,KAAK,aAAa,WAAW,KAAK,KAAK,aAAa,OAAO,KAAK,KAAK;AACzF,SAAK,YAAY;AAEjB,eAAW,UAAU,KAAK,WAAW;AACnC,UAAI;AAAS;AACb,YAAM,WAAW,OAAO;AACxB,UAAI,aAAa,QAAQ,SAAS,SAAS,IAAI;AAAG;AAClD,UAAI,QAAQ;AACZ,UAAI,gBAAgB,UAAa,gBAAgB,MAAM;AAAE,gBAAQ,OAAO,WAAW,MAAM,OAAO,QAAQ;MAAG,OACtG;AAAE,YAAI;AAAE,cAAI,aAAa;AAAQ,oBAAQ;mBAAe,aAAa;AAAS,oBAAQ;;AAAY,oBAAQ,CAAC,CAAC,IAAI,SAAS,YAAY,QAAQ,EAAC;QAAI,SAAS,GAAG;AAAE,kBAAQ;QAAO;MAAE;AAEtL,UAAI,OAAO;AACT,aAAK,cAAc,MAAM;AACzB,kBAAU;MACZ;IACF;AAEA,QAAI,CAAC,WAAW,KAAK,cAAc;AAAE,WAAK,cAAc,KAAK,YAAY;IAAG;EAC9E;EAEQ,cAAc,QAAc;AAClC,UAAM,QAAQ,OAAO,IAAI,UAAU,IAAI;AACvC,UAAM,MAAM,UAAU;AACtB,SAAK,YAAY,KAAK;AACtB,SAAK,UAAU,OAAO,KAAK,SAAS;EACtC;;AAvEA,WAAA;EADC,UAAU,WAAW;;;AAWtB,WAAA;EADC,mBAAmB,WAAW;;;;;AAZpB,4BAAyB,WAAA;EADrC,cAAc,EAAE,MAAM,gCAAgC,SAAS,WAAU,CAAE;;GAC/D,yBAAyB;",
+  "names": ["SwcChooseChildrenDataList"]
+}

package/dist/esm/is/SwcChooseChildrenDetails.js

@@ -0,0 +1,118 @@
+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 { attribute, elementDefine, onAttributeChanged } from "../index.js";
+import { SwcHTMLDetailsElementBase } from "./SwcHTMLDetailsElementBase.js";
+let SwcChooseChildrenDetails = class SwcChooseChildrenDetails2 extends SwcHTMLDetailsElementBase {
+  constructor() {
+    super();
+    this._observer = null;
+    this._swcValue = void 0;
+    this._branches = [];
+    this._otherBranch = null;
+    this._isInitialized = false;
+  }
+  onValueChange() {
+    this.evaluate();
+  }
+  set swcValue(val) {
+    this._swcValue = val;
+  }
+  get swcValue() {
+    return this._swcValue;
+  }
+  connectedCallback() {
+    this._initBranches();
+    this._observer = new MutationObserver(() => this.evaluate());
+    this._observer.observe(this, { attributes: true });
+    this.evaluate();
+  }
+  _initBranches() {
+    if (this._isInitialized)
+      return;
+    const children = Array.from(this.children);
+    children.forEach((c) => {
+      const isWhen = c.localName === "swc-when" || c.getAttribute("is")?.startsWith("swc-when-");
+      const isOther = c.localName === "swc-other" || c.getAttribute("is")?.startsWith("swc-other-");
+      const branch = {
+        tpl: c.cloneNode(true),
+        test: c.getAttribute("test")
+      };
+      if (isWhen)
+        this._branches.push(branch);
+      else if (isOther)
+        this._otherBranch = branch;
+    });
+    this.innerHTML = "";
+    this._isInitialized = true;
+  }
+  disconnectedCallback() {
+    this._observer?.disconnect();
+  }
+  evaluate() {
+    if (!this._isInitialized)
+      return;
+    let matched = false;
+    const chooseValue = this.getAttribute("swc-value") ?? this.getAttribute("value") ?? this._swcValue;
+    this.innerHTML = "";
+    for (const branch of this._branches) {
+      if (matched)
+        break;
+      const testAttr = branch.test;
+      if (testAttr === null || testAttr.includes("{{"))
+        continue;
+      let isMet = false;
+      if (chooseValue !== void 0 && chooseValue !== null) {
+        isMet = String(chooseValue) === String(testAttr);
+      } else {
+        try {
+          if (testAttr === "true")
+            isMet = true;
+          else if (testAttr === "false")
+            isMet = false;
+          else
+            isMet = !!new Function("return " + testAttr)();
+        } catch (e) {
+          isMet = false;
+        }
+      }
+      if (isMet) {
+        this._renderBranch(branch);
+        matched = true;
+      }
+    }
+    if (!matched && this._otherBranch) {
+      this._renderBranch(this._otherBranch);
+    }
+  }
+  _renderBranch(branch) {
+    const clone = branch.tpl.cloneNode(true);
+    clone.style.display = "contents";
+    this.appendChild(clone);
+    this.applyData(clone, this._swcValue);
+  }
+};
+__decorate([
+  attribute("swc-value"),
+  __metadata("design:type", Object)
+], SwcChooseChildrenDetails.prototype, "_swcValue", void 0);
+__decorate([
+  onAttributeChanged("swc-value"),
+  __metadata("design:type", Function),
+  __metadata("design:paramtypes", []),
+  __metadata("design:returntype", void 0)
+], SwcChooseChildrenDetails.prototype, "onValueChange", null);
+SwcChooseChildrenDetails = __decorate([
+  elementDefine({ name: "swc-choose-children-details", extends: "details" }),
+  __metadata("design:paramtypes", [])
+], SwcChooseChildrenDetails);
+export {
+  SwcChooseChildrenDetails
+};
+//# sourceMappingURL=SwcChooseChildrenDetails.js.map