@dooboostore/simple-web-component 1.0.18 → 1.0.19

package/dist/cjs/elements/register.js

@@ -0,0 +1,831 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var register_exports = {};
+__export(register_exports, {
+  registerAllElements: () => registerAllElements
+});
+module.exports = __toCommonJS(register_exports);
+var import_elementDefine = require("../decorators/elementDefine");
+var import_SwcAppMixin = require("./SwcAppMixin");
+var import_Utils = require("../utils/Utils");
+var import_FunctionUtils = require("@dooboostore/core/function/FunctionUtils");
+var import_changedAttribute = require("../decorators/changedAttribute");
+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);
+};
+const registerAllElements = (w) => {
+  const { HTMLElement: _HTMLElement, HTMLTemplateElement: _HTMLTemplateElement, DocumentFragment: _DocumentFragment, Node: _Node, Element: _Element, HTMLAnchorElement: _HTMLAnchorElement, HTMLAreaElement: _HTMLAreaElement, HTMLAudioElement: _HTMLAudioElement, HTMLBaseElement: _HTMLBaseElement, HTMLButtonElement: _HTMLButtonElement, HTMLCanvasElement: _HTMLCanvasElement, HTMLDataElement: _HTMLDataElement, HTMLDataListElement: _HTMLDataListElement, HTMLDetailsElement: _HTMLDetailsElement, HTMLDialogElement: _HTMLDialogElement, HTMLDivElement: _HTMLDivElement, HTMLDListElement: _HTMLDListElement, HTMLEmbedElement: _HTMLEmbedElement, HTMLFieldSetElement: _HTMLFieldSetElement, HTMLFormElement: _HTMLFormElement, HTMLHRElement: _HTMLHRElement, HTMLIFrameElement: _HTMLIFrameElement, HTMLImageElement: _HTMLImageElement, HTMLInputElement: _HTMLInputElement, HTMLLabelElement: _HTMLLabelElement, HTMLLegendElement: _HTMLLegendElement, HTMLLIElement: _HTMLLIElement, HTMLLinkElement: _HTMLLinkElement, HTMLMapElement: _HTMLMapElement, HTMLMetaElement: _HTMLMetaElement, HTMLMeterElement: _HTMLMeterElement, HTMLModElement: _HTMLModElement, HTMLObjectElement: _HTMLObjectElement, HTMLOListElement: _HTMLOListElement, HTMLOptGroupElement: _HTMLOptGroupElement, HTMLOptionElement: _HTMLOptionElement, HTMLOutputElement: _HTMLOutputElement, HTMLParagraphElement: _HTMLParagraphElement, HTMLParamElement: _HTMLParamElement, HTMLPictureElement: _HTMLPictureElement, HTMLPreElement: _HTMLPreElement, HTMLProgressElement: _HTMLProgressElement, HTMLQuoteElement: _HTMLQuoteElement, HTMLScriptElement: _HTMLScriptElement, HTMLSelectElement: _HTMLSelectElement, HTMLSlotElement: _HTMLSlotElement, HTMLSourceElement: _HTMLSourceElement, HTMLSpanElement: _HTMLSpanElement, HTMLStyleElement: _HTMLStyleElement, HTMLTableElement: _HTMLTableElement, HTMLTableSectionElement: _HTMLTableSectionElement, HTMLTableCellElement: _HTMLTableCellElement, HTMLTextAreaElement: _HTMLTextAreaElement, HTMLTimeElement: _HTMLTimeElement, HTMLTitleElement: _HTMLTitleElement, HTMLTableRowElement: _HTMLTableRowElement, HTMLTrackElement: _HTMLTrackElement, HTMLUListElement: _HTMLUListElement, HTMLVideoElement: _HTMLVideoElement, HTMLHeadingElement: _HTMLHeadingElement, HTMLBodyElement: _HTMLBodyElement } = w;
+  const HTMLElement = _HTMLElement;
+  const HTMLTemplateElement = _HTMLTemplateElement;
+  const DocumentFragment = _DocumentFragment;
+  const Node = _Node;
+  const Element = _Element;
+  const HTMLAnchorElement = _HTMLAnchorElement;
+  const HTMLAreaElement = _HTMLAreaElement;
+  const HTMLAudioElement = _HTMLAudioElement;
+  const HTMLBaseElement = _HTMLBaseElement;
+  const HTMLButtonElement = _HTMLButtonElement;
+  const HTMLCanvasElement = _HTMLCanvasElement;
+  const HTMLDataElement = _HTMLDataElement;
+  const HTMLDataListElement = _HTMLDataListElement;
+  const HTMLDetailsElement = _HTMLDetailsElement;
+  const HTMLDialogElement = _HTMLDialogElement;
+  const HTMLDivElement = _HTMLDivElement;
+  const HTMLDListElement = _HTMLDListElement;
+  const HTMLEmbedElement = _HTMLEmbedElement;
+  const HTMLFieldSetElement = _HTMLFieldSetElement;
+  const HTMLFormElement = _HTMLFormElement;
+  const HTMLHRElement = _HTMLHRElement;
+  const HTMLIFrameElement = _HTMLIFrameElement;
+  const HTMLImageElement = _HTMLImageElement;
+  const HTMLInputElement = _HTMLInputElement;
+  const HTMLLabelElement = _HTMLLabelElement;
+  const HTMLLegendElement = _HTMLLegendElement;
+  const HTMLLIElement = _HTMLLIElement;
+  const HTMLLinkElement = _HTMLLinkElement;
+  const HTMLMapElement = _HTMLMapElement;
+  const HTMLMetaElement = _HTMLMetaElement;
+  const HTMLMeterElement = _HTMLMeterElement;
+  const HTMLModElement = _HTMLModElement;
+  const HTMLObjectElement = _HTMLObjectElement;
+  const HTMLOListElement = _HTMLOListElement;
+  const HTMLOptGroupElement = _HTMLOptGroupElement;
+  const HTMLOptionElement = _HTMLOptionElement;
+  const HTMLOutputElement = _HTMLOutputElement;
+  const HTMLParagraphElement = _HTMLParagraphElement;
+  const HTMLParamElement = _HTMLParamElement;
+  const HTMLPictureElement = _HTMLPictureElement;
+  const HTMLPreElement = _HTMLPreElement;
+  const HTMLProgressElement = _HTMLProgressElement;
+  const HTMLQuoteElement = _HTMLQuoteElement;
+  const HTMLScriptElement = _HTMLScriptElement;
+  const HTMLSelectElement = _HTMLSelectElement;
+  const HTMLSlotElement = _HTMLSlotElement;
+  const HTMLSourceElement = _HTMLSourceElement;
+  const HTMLSpanElement = _HTMLSpanElement;
+  const HTMLStyleElement = _HTMLStyleElement;
+  const HTMLTableElement = _HTMLTableElement;
+  const HTMLTableSectionElement = _HTMLTableSectionElement;
+  const HTMLTableCellElement = _HTMLTableCellElement;
+  const HTMLTextAreaElement = _HTMLTextAreaElement;
+  const HTMLTimeElement = _HTMLTimeElement;
+  const HTMLTitleElement = _HTMLTitleElement;
+  const HTMLTableRowElement = _HTMLTableRowElement;
+  const HTMLTrackElement = _HTMLTrackElement;
+  const HTMLUListElement = _HTMLUListElement;
+  const HTMLVideoElement = _HTMLVideoElement;
+  const HTMLHeadingElement = _HTMLHeadingElement;
+  const HTMLBodyElement = _HTMLBodyElement;
+  let SwcLoading = class SwcLoading extends HTMLTemplateElement {
+  };
+  SwcLoading = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-loading", { extends: "template", window: w })
+  ], SwcLoading);
+  let SwcError = class SwcError extends HTMLTemplateElement {
+  };
+  SwcError = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-error", { extends: "template", window: w })
+  ], SwcError);
+  let SwcSuccess = class SwcSuccess extends HTMLTemplateElement {
+  };
+  SwcSuccess = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-success", { extends: "template", window: w })
+  ], SwcSuccess);
+  let SwcWhen = class SwcWhen extends HTMLTemplateElement {
+  };
+  SwcWhen = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-when", { extends: "template", window: w })
+  ], SwcWhen);
+  let SwcOtherwise = class SwcOtherwise extends HTMLTemplateElement {
+  };
+  SwcOtherwise = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-otherwise", { extends: "template", window: w })
+  ], SwcOtherwise);
+  let SwcDefault = class SwcDefault extends HTMLTemplateElement {
+  };
+  SwcDefault = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-default", { extends: "template", window: w })
+  ], SwcDefault);
+  let SwcApp = class SwcApp extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLElement) {
+  };
+  SwcApp = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app", { window: w })
+  ], SwcApp);
+  let SwcIf = class SwcIf extends HTMLTemplateElement {
+    constructor() {
+      super(...arguments);
+      this._value = false;
+      this._nodes = [];
+    }
+    get value() {
+      return this._value;
+    }
+    set value(nv) {
+      this._value = Boolean(nv);
+      this.render();
+    }
+    _resolvePortal() {
+      const portalScript = this.getAttribute("on-get-portal");
+      if (!portalScript)
+        return this.parentElement;
+      const win = this.ownerDocument?.defaultView || window;
+      const res = import_FunctionUtils.FunctionUtils.executeReturn({
+        script: portalScript,
+        context: this,
+        args: import_Utils.SwcUtils.getHelperAndHostSet(win, this)
+      });
+      if (res instanceof HTMLElement)
+        return res;
+      if (typeof res === "string")
+        return win.document.querySelector(res);
+      return this.parentElement;
+    }
+    _executeCloneCallback(attr, args) {
+      const script = this.getAttribute(attr);
+      if (!script)
+        return;
+      import_FunctionUtils.FunctionUtils.execute({ script, context: this, args });
+    }
+    refreshValue() {
+      const script = this.getAttribute("on-get-value");
+      if (!script) {
+        this.value = false;
+        return;
+      }
+      const win = this.ownerDocument?.defaultView || window;
+      const res = import_FunctionUtils.FunctionUtils.executeReturn({
+        script,
+        context: this,
+        args: import_Utils.SwcUtils.getHelperAndHostSet(win, this)
+      });
+      if (res instanceof Promise) {
+        res.then((v) => this.value = v).catch(() => this.value = false);
+      } else {
+        this.value = res;
+      }
+    }
+    render() {
+      this.cleanup();
+      const portal = this._resolvePortal();
+      if (!portal)
+        return;
+      const win = this.ownerDocument?.defaultView || window;
+      const helperSet = import_Utils.SwcUtils.getHelperAndHostSet(win, this);
+      let targetTpl = null;
+      if (this._value) {
+        targetTpl = this;
+      } else {
+        targetTpl = this.content.querySelector('template[is="swc-default"]');
+      }
+      if (targetTpl) {
+        const clone = targetTpl.content.cloneNode(true);
+        if (targetTpl === this) {
+          clone.querySelectorAll('template[is^="swc-"]').forEach((t) => t.remove());
+        }
+        this._nodes = Array.from(clone.childNodes);
+        const elements = this._nodes.filter((n) => n.nodeType === 1);
+        const groupArgs = { ...helperSet, $value: this._value, $nodes: this._nodes, $elements: elements, $firstElement: elements[0] };
+        this._nodes.forEach((node, nodeIdx) => {
+          if (node instanceof HTMLElement)
+            node.__swc_host = this;
+          this._executeCloneCallback("on-clone-node", { ...groupArgs, $node: node, $nodeIndex: nodeIdx, $isElement: node.nodeType === 1 });
+        });
+        this._executeCloneCallback("on-clone-nodes", groupArgs);
+        if (portal === this.parentElement) {
+          portal.insertBefore(clone, this.nextSibling);
+        } else {
+          portal.appendChild(clone);
+        }
+      }
+    }
+    cleanup() {
+      this._nodes.forEach((n) => n.parentElement?.removeChild(n));
+      this._nodes = [];
+    }
+    connectedCallback() {
+      this.refreshValue();
+    }
+    disconnectedCallback() {
+      this.cleanup();
+    }
+  };
+  __decorate([
+    (0, import_changedAttribute.changedAttribute)("on-get-value"),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+  ], SwcIf.prototype, "refreshValue", null);
+  SwcIf = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-if", { extends: "template", window: w })
+  ], SwcIf);
+  let SwcLoop = class SwcLoop extends HTMLTemplateElement {
+    constructor() {
+      super(...arguments);
+      this._value = [];
+      this._nodeGroups = [];
+    }
+    get value() {
+      return this._value;
+    }
+    set value(nv) {
+      this._value = Array.isArray(nv) ? [...nv] : [];
+      this.render();
+    }
+    _resolvePortal() {
+      const portalScript = this.getAttribute("on-get-portal");
+      if (!portalScript)
+        return this.parentElement;
+      const win = this.ownerDocument?.defaultView || window;
+      const res = import_FunctionUtils.FunctionUtils.executeReturn({
+        script: portalScript,
+        context: this,
+        args: import_Utils.SwcUtils.getHelperAndHostSet(win, this)
+      });
+      if (res instanceof HTMLElement)
+        return res;
+      if (typeof res === "string")
+        return win.document.querySelector(res);
+      return this.parentElement;
+    }
+    _executeCloneCallback(attr, args) {
+      const script = this.getAttribute(attr);
+      if (!script)
+        return;
+      import_FunctionUtils.FunctionUtils.execute({ script, context: this, args });
+    }
+    _cleanup() {
+      this._nodeGroups.forEach((nodes) => nodes.forEach((n) => n.parentElement?.removeChild(n)));
+      this._nodeGroups = [];
+    }
+    refreshValue() {
+      const script = this.getAttribute("on-get-value");
+      if (!script) {
+        this.value = [];
+        return;
+      }
+      const win = this.ownerDocument?.defaultView || window;
+      const res = import_FunctionUtils.FunctionUtils.executeReturn({
+        script,
+        context: this,
+        args: import_Utils.SwcUtils.getHelperAndHostSet(win, this)
+      });
+      if (res instanceof Promise) {
+        res.then((v) => this.value = v).catch(() => this.value = []);
+      } else {
+        this.value = res;
+      }
+    }
+    render() {
+      this._cleanup();
+      const portal = this._resolvePortal();
+      if (!portal)
+        return;
+      const win = this.ownerDocument?.defaultView || window;
+      const helperSet = import_Utils.SwcUtils.getHelperAndHostSet(win, this);
+      const fragment = win.document.createDocumentFragment();
+      if (this._value.length === 0) {
+        const defaultTpl = this.content.querySelector('template[is="swc-default"]');
+        if (defaultTpl) {
+          const clone = defaultTpl.content.cloneNode(true);
+          const nodes = Array.from(clone.childNodes);
+          this._nodeGroups.push(nodes);
+          fragment.appendChild(clone);
+        }
+      } else {
+        this._value.forEach((item, index) => {
+          const clone = this.content.cloneNode(true);
+          const subTemplates = clone.querySelectorAll('template[is^="swc-"]');
+          subTemplates.forEach((t) => t.remove());
+          const nodes = Array.from(clone.childNodes);
+          const elements = nodes.filter((n) => n.nodeType === 1);
+          const groupArgs = { ...helperSet, $item: item, $index: index, $value: this._value, $nodes: nodes, $elements: elements, $firstElement: elements[0] };
+          nodes.forEach((node, nodeIdx) => {
+            if (node instanceof HTMLElement)
+              node.__swc_host = this;
+            this._executeCloneCallback("on-clone-node", { ...groupArgs, $node: node, $nodeIndex: nodeIdx, $isElement: node.nodeType === 1 });
+          });
+          this._executeCloneCallback("on-clone-nodes", groupArgs);
+          this._nodeGroups.push(nodes);
+          fragment.appendChild(clone);
+        });
+      }
+      if (portal === this.parentElement) {
+        portal.insertBefore(fragment, this.nextSibling);
+      } else {
+        portal.appendChild(fragment);
+      }
+    }
+    connectedCallback() {
+      this.refreshValue();
+    }
+    disconnectedCallback() {
+      this._cleanup();
+    }
+  };
+  __decorate([
+    (0, import_changedAttribute.changedAttribute)("on-get-value"),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+  ], SwcLoop.prototype, "refreshValue", null);
+  SwcLoop = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-loop", { extends: "template", window: w })
+  ], SwcLoop);
+  let SwcChoose = class SwcChoose extends HTMLTemplateElement {
+    constructor() {
+      super(...arguments);
+      this._nodes = [];
+      this._value = null;
+    }
+    get value() {
+      return this._value;
+    }
+    set value(nv) {
+      this._value = nv;
+      this.render();
+    }
+    _resolvePortal() {
+      const portalScript = this.getAttribute("on-get-portal");
+      if (!portalScript)
+        return this.parentElement;
+      const win = this.ownerDocument?.defaultView || window;
+      const res = import_FunctionUtils.FunctionUtils.executeReturn({
+        script: portalScript,
+        context: this,
+        args: import_Utils.SwcUtils.getHelperAndHostSet(win, this)
+      });
+      if (res instanceof HTMLElement)
+        return res;
+      if (typeof res === "string")
+        return win.document.querySelector(res);
+      return this.parentElement;
+    }
+    _executeCloneCallback(attr, args) {
+      const script = this.getAttribute(attr);
+      if (!script)
+        return;
+      import_FunctionUtils.FunctionUtils.execute({ script, context: this, args });
+    }
+    refresh() {
+      const script = this.getAttribute("on-get-value");
+      if (!script) {
+        this.value = null;
+        return;
+      }
+      const win = this.ownerDocument?.defaultView || window;
+      const result = import_FunctionUtils.FunctionUtils.executeReturn({ script, context: this, args: import_Utils.SwcUtils.getHelperAndHostSet(win, this) });
+      this.value = result;
+    }
+    render() {
+      this.cleanup();
+      const portal = this._resolvePortal();
+      if (!portal)
+        return;
+      const win = this.ownerDocument?.defaultView || window;
+      const helperSet = import_Utils.SwcUtils.getHelperAndHostSet(win, this);
+      const templates = Array.from(this.content.querySelectorAll("template"));
+      let selected = null;
+      for (const t of templates) {
+        if (t.getAttribute("is") === "swc-when" && String(t.getAttribute("value")) === String(this._value)) {
+          selected = t;
+          break;
+        }
+      }
+      const target = selected || this.content.querySelector('template[is="swc-otherwise"]');
+      if (target) {
+        const clone = target.content.cloneNode(true);
+        this._nodes = Array.from(clone.childNodes);
+        const elements = this._nodes.filter((n) => n.nodeType === 1);
+        const groupArgs = { ...helperSet, $value: this._value, $nodes: this._nodes, $elements: elements, $firstElement: elements[0] };
+        this._nodes.forEach((n, nodeIdx) => {
+          if (n instanceof HTMLElement)
+            n.__swc_host = this;
+          this._executeCloneCallback("on-clone-node", { ...groupArgs, $node: n, $nodeIndex: nodeIdx, $isElement: n.nodeType === 1 });
+        });
+        this._executeCloneCallback("on-clone-nodes", groupArgs);
+        if (portal === this.parentElement) {
+          portal.insertBefore(clone, this.nextSibling);
+        } else {
+          portal.appendChild(clone);
+        }
+      }
+    }
+    cleanup() {
+      this._nodes.forEach((n) => n.parentElement?.removeChild(n));
+      this._nodes = [];
+    }
+    connectedCallback() {
+      this.refresh();
+    }
+    disconnectedCallback() {
+      this.cleanup();
+    }
+  };
+  __decorate([
+    (0, import_changedAttribute.changedAttribute)("on-get-value"),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+  ], SwcChoose.prototype, "refresh", null);
+  SwcChoose = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-choose", { extends: "template", window: w })
+  ], SwcChoose);
+  let SwcAsync = class SwcAsync extends HTMLTemplateElement {
+    constructor() {
+      super(...arguments);
+      this._nodes = [];
+      this._value = null;
+    }
+    _resolvePortal() {
+      const portalScript = this.getAttribute("on-get-portal");
+      if (!portalScript)
+        return this.parentElement;
+      const win = this.ownerDocument?.defaultView || window;
+      const res = import_FunctionUtils.FunctionUtils.executeReturn({
+        script: portalScript,
+        context: this,
+        args: import_Utils.SwcUtils.getHelperAndHostSet(win, this)
+      });
+      if (res instanceof HTMLElement)
+        return res;
+      if (typeof res === "string")
+        return win.document.querySelector(res);
+      return this.parentElement;
+    }
+    _executeCloneCallback(attr, args) {
+      const script = this.getAttribute(attr);
+      if (!script)
+        return;
+      import_FunctionUtils.FunctionUtils.execute({ script, context: this, args });
+    }
+    refresh() {
+      const script = this.getAttribute("on-get-value");
+      if (!script)
+        return;
+      const win = this.ownerDocument?.defaultView || window;
+      const result = import_FunctionUtils.FunctionUtils.executeReturn({ script, context: this, args: import_Utils.SwcUtils.getHelperAndHostSet(win, this) });
+      if (result instanceof Promise) {
+        this.render("loading");
+        result.then((v) => {
+          this._value = v;
+          this.render("success");
+        }).catch((e) => this.render("error"));
+      } else {
+        this._value = result;
+        this.render("success");
+      }
+    }
+    render(state) {
+      this.cleanup();
+      const portal = this._resolvePortal();
+      if (!portal)
+        return;
+      const win = this.ownerDocument?.defaultView || window;
+      const helperSet = import_Utils.SwcUtils.getHelperAndHostSet(win, this);
+      const t = this.content.querySelector(`template[is="swc-${state}"]`);
+      if (t) {
+        const clone = t.content.cloneNode(true);
+        this._nodes = Array.from(clone.childNodes);
+        const elements = this._nodes.filter((n) => n.nodeType === 1);
+        const groupArgs = { ...helperSet, $value: this._value, $nodes: this._nodes, $elements: elements, $firstElement: elements[0], $state: state };
+        this._nodes.forEach((n, nodeIdx) => {
+          if (n instanceof HTMLElement)
+            n.__swc_host = this;
+          this._executeCloneCallback("on-clone-node", { ...groupArgs, $node: n, $nodeIndex: nodeIdx, $isElement: n.nodeType === 1 });
+        });
+        this._executeCloneCallback("on-clone-nodes", groupArgs);
+        if (portal === this.parentElement) {
+          portal.insertBefore(clone, this.nextSibling);
+        } else {
+          portal.appendChild(clone);
+        }
+      }
+    }
+    cleanup() {
+      this._nodes.forEach((n) => n.parentElement?.removeChild(n));
+      this._nodes = [];
+    }
+    connectedCallback() {
+      this.refresh();
+    }
+    disconnectedCallback() {
+      this.cleanup();
+    }
+  };
+  __decorate([
+    (0, import_changedAttribute.changedAttribute)("on-get-value"),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+  ], SwcAsync.prototype, "refresh", null);
+  SwcAsync = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-async", { extends: "template", window: w })
+  ], SwcAsync);
+  let SwcAppAnchor = class SwcAppAnchor extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLAnchorElement) {
+  };
+  SwcAppAnchor = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-a", { extends: "a", window: w })
+  ], SwcAppAnchor);
+  let SwcAppArea = class SwcAppArea extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLAreaElement) {
+  };
+  SwcAppArea = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-area", { extends: "area", window: w })
+  ], SwcAppArea);
+  let SwcAppAudio = class SwcAppAudio extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLAudioElement) {
+  };
+  SwcAppAudio = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-audio", { extends: "audio", window: w })
+  ], SwcAppAudio);
+  let SwcAppBase = class SwcAppBase extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLBaseElement) {
+  };
+  SwcAppBase = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-base", { extends: "base", window: w })
+  ], SwcAppBase);
+  let SwcAppButton = class SwcAppButton extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLButtonElement) {
+  };
+  SwcAppButton = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-button", { extends: "button", window: w })
+  ], SwcAppButton);
+  let SwcAppCanvas = class SwcAppCanvas extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLCanvasElement) {
+  };
+  SwcAppCanvas = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-canvas", { extends: "canvas", window: w })
+  ], SwcAppCanvas);
+  let SwcAppData = class SwcAppData extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLDataElement) {
+  };
+  SwcAppData = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-data", { extends: "data", window: w })
+  ], SwcAppData);
+  let SwcAppDataList = class SwcAppDataList extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLDataListElement) {
+  };
+  SwcAppDataList = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-datalist", { extends: "datalist", window: w })
+  ], SwcAppDataList);
+  let SwcAppDetails = class SwcAppDetails extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLDetailsElement) {
+  };
+  SwcAppDetails = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-details", { extends: "details", window: w })
+  ], SwcAppDetails);
+  let SwcAppDialog = class SwcAppDialog extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLDialogElement) {
+  };
+  SwcAppDialog = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-dialog", { extends: "dialog", window: w })
+  ], SwcAppDialog);
+  let SwcAppDiv = class SwcAppDiv extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLDivElement) {
+  };
+  SwcAppDiv = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-div", { extends: "div", window: w })
+  ], SwcAppDiv);
+  let SwcAppDList = class SwcAppDList extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLDListElement) {
+  };
+  SwcAppDList = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-dl", { extends: "dl", window: w })
+  ], SwcAppDList);
+  let SwcAppEmbed = class SwcAppEmbed extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLEmbedElement) {
+  };
+  SwcAppEmbed = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-embed", { extends: "embed", window: w })
+  ], SwcAppEmbed);
+  let SwcAppFieldSet = class SwcAppFieldSet extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLFieldSetElement) {
+  };
+  SwcAppFieldSet = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-fieldset", { extends: "fieldset", window: w })
+  ], SwcAppFieldSet);
+  let SwcAppForm = class SwcAppForm extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLFormElement) {
+  };
+  SwcAppForm = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-form", { extends: "form", window: w })
+  ], SwcAppForm);
+  let SwcAppHR = class SwcAppHR extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLHRElement) {
+  };
+  SwcAppHR = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-hr", { extends: "hr", window: w })
+  ], SwcAppHR);
+  let SwcAppIFrame = class SwcAppIFrame extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLIFrameElement) {
+  };
+  SwcAppIFrame = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-iframe", { extends: "iframe", window: w })
+  ], SwcAppIFrame);
+  let SwcAppImage = class SwcAppImage extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLImageElement) {
+  };
+  SwcAppImage = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-img", { extends: "img", window: w })
+  ], SwcAppImage);
+  let SwcAppInput = class SwcAppInput extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLInputElement) {
+  };
+  SwcAppInput = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-input", { extends: "input", window: w })
+  ], SwcAppInput);
+  let SwcAppLabel = class SwcAppLabel extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLLabelElement) {
+  };
+  SwcAppLabel = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-label", { extends: "label", window: w })
+  ], SwcAppLabel);
+  let SwcAppLegend = class SwcAppLegend extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLLegendElement) {
+  };
+  SwcAppLegend = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-legend", { extends: "legend", window: w })
+  ], SwcAppLegend);
+  let SwcAppLI = class SwcAppLI extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLLIElement) {
+  };
+  SwcAppLI = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-li", { extends: "li", window: w })
+  ], SwcAppLI);
+  let SwcAppLink = class SwcAppLink extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLLinkElement) {
+  };
+  SwcAppLink = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-link", { extends: "link", window: w })
+  ], SwcAppLink);
+  let SwcAppMap = class SwcAppMap extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLMapElement) {
+  };
+  SwcAppMap = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-map", { extends: "map", window: w })
+  ], SwcAppMap);
+  let SwcAppMeta = class SwcAppMeta extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLMetaElement) {
+  };
+  SwcAppMeta = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-meta", { extends: "meta", window: w })
+  ], SwcAppMeta);
+  let SwcAppMeter = class SwcAppMeter extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLMeterElement) {
+  };
+  SwcAppMeter = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-meter", { extends: "meter", window: w })
+  ], SwcAppMeter);
+  let SwcAppMod = class SwcAppMod extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLModElement) {
+  };
+  SwcAppMod = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-del", { extends: "del", window: w })
+  ], SwcAppMod);
+  let SwcAppObject = class SwcAppObject extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLObjectElement) {
+  };
+  SwcAppObject = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-object", { extends: "object", window: w })
+  ], SwcAppObject);
+  let SwcAppOList = class SwcAppOList extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLOListElement) {
+  };
+  SwcAppOList = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-ol", { extends: "ol", window: w })
+  ], SwcAppOList);
+  let SwcAppOptGroup = class SwcAppOptGroup extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLOptGroupElement) {
+  };
+  SwcAppOptGroup = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-optgroup", { extends: "optgroup", window: w })
+  ], SwcAppOptGroup);
+  let SwcAppOption = class SwcAppOption extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLOptionElement) {
+  };
+  SwcAppOption = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-option", { extends: "option", window: w })
+  ], SwcAppOption);
+  let SwcAppOutput = class SwcAppOutput extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLOutputElement) {
+  };
+  SwcAppOutput = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-output", { extends: "output", window: w })
+  ], SwcAppOutput);
+  let SwcAppParagraph = class SwcAppParagraph extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLParagraphElement) {
+  };
+  SwcAppParagraph = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-p", { extends: "p", window: w })
+  ], SwcAppParagraph);
+  let SwcAppParam = class SwcAppParam extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLParamElement) {
+  };
+  SwcAppParam = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-param", { extends: "param", window: w })
+  ], SwcAppParam);
+  let SwcAppPicture = class SwcAppPicture extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLPictureElement) {
+  };
+  SwcAppPicture = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-picture", { extends: "picture", window: w })
+  ], SwcAppPicture);
+  let SwcAppPre = class SwcAppPre extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLPreElement) {
+  };
+  SwcAppPre = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-pre", { extends: "pre", window: w })
+  ], SwcAppPre);
+  let SwcAppProgress = class SwcAppProgress extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLProgressElement) {
+  };
+  SwcAppProgress = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-progress", { extends: "progress", window: w })
+  ], SwcAppProgress);
+  let SwcAppQuote = class SwcAppQuote extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLQuoteElement) {
+  };
+  SwcAppQuote = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-blockquote", { extends: "blockquote", window: w })
+  ], SwcAppQuote);
+  let SwcAppScript = class SwcAppScript extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLScriptElement) {
+  };
+  SwcAppScript = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-script", { extends: "script", window: w })
+  ], SwcAppScript);
+  let SwcAppSelect = class SwcAppSelect extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLSelectElement) {
+  };
+  SwcAppSelect = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-select", { extends: "select", window: w })
+  ], SwcAppSelect);
+  let SwcAppSlot = class SwcAppSlot extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLSlotElement) {
+  };
+  SwcAppSlot = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-slot", { extends: "slot", window: w })
+  ], SwcAppSlot);
+  let SwcAppSource = class SwcAppSource extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLSourceElement) {
+  };
+  SwcAppSource = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-source", { extends: "source", window: w })
+  ], SwcAppSource);
+  let SwcAppSpan = class SwcAppSpan extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLSpanElement) {
+  };
+  SwcAppSpan = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-span", { extends: "span", window: w })
+  ], SwcAppSpan);
+  let SwcAppStyle = class SwcAppStyle extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLStyleElement) {
+  };
+  SwcAppStyle = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-style", { extends: "style", window: w })
+  ], SwcAppStyle);
+  let SwcAppTable = class SwcAppTable extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLTableElement) {
+  };
+  SwcAppTable = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-table", { extends: "table", window: w })
+  ], SwcAppTable);
+  let SwcAppTableSection = class SwcAppTableSection extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLTableSectionElement) {
+  };
+  SwcAppTableSection = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-tbody", { extends: "tbody", window: w })
+  ], SwcAppTableSection);
+  let SwcAppTableCell = class SwcAppTableCell extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLTableCellElement) {
+  };
+  SwcAppTableCell = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-td", { extends: "td", window: w })
+  ], SwcAppTableCell);
+  let SwcAppTemplate = class SwcAppTemplate extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLTemplateElement) {
+  };
+  SwcAppTemplate = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-template", { extends: "template", window: w })
+  ], SwcAppTemplate);
+  let SwcAppTextArea = class SwcAppTextArea extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLTextAreaElement) {
+  };
+  SwcAppTextArea = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-textarea", { extends: "textarea", window: w })
+  ], SwcAppTextArea);
+  let SwcAppTime = class SwcAppTime extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLTimeElement) {
+  };
+  SwcAppTime = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-time", { extends: "time", window: w })
+  ], SwcAppTime);
+  let SwcAppTitle = class SwcAppTitle extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLTitleElement) {
+  };
+  SwcAppTitle = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-title", { extends: "title", window: w })
+  ], SwcAppTitle);
+  let SwcAppTableRow = class SwcAppTableRow extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLTableRowElement) {
+  };
+  SwcAppTableRow = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-tr", { extends: "tr", window: w })
+  ], SwcAppTableRow);
+  let SwcAppTrack = class SwcAppTrack extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLTrackElement) {
+  };
+  SwcAppTrack = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-track", { extends: "track", window: w })
+  ], SwcAppTrack);
+  let SwcAppUList = class SwcAppUList extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLUListElement) {
+  };
+  SwcAppUList = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-ul", { extends: "ul", window: w })
+  ], SwcAppUList);
+  let SwcAppVideo = class SwcAppVideo extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLVideoElement) {
+  };
+  SwcAppVideo = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-video", { extends: "video", window: w })
+  ], SwcAppVideo);
+  let SwcAppHeading = class SwcAppHeading extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLHeadingElement) {
+  };
+  SwcAppHeading = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-h1", { extends: "h1", window: w })
+  ], SwcAppHeading);
+  let SwcAppBody = class SwcAppBody extends (0, import_SwcAppMixin.SwcAppMixin)(HTMLBodyElement) {
+  };
+  SwcAppBody = __decorate([
+    (0, import_elementDefine.elementDefine)("swc-app-body", { extends: "body", window: w })
+  ], SwcAppBody);
+};
+//# sourceMappingURL=register.js.map