@dooboostore/simple-web-component 1.0.17 → 1.0.19

package/dist/esm/elements/SwcLoop.js

@@ -7,16 +7,14 @@ var __decorate = function(decorators, target, key, desc) {
 var __metadata = function(k, v) {
   if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-import { elementDefine } from "../decorators/elementDefine.js";
 import { changedAttribute } from "../decorators/changedAttribute.js";
 import { SwcUtils } from "../utils/Utils.js";
 import { FunctionUtils } from "@dooboostore/core/function/FunctionUtils";
-let SwcLoop = class SwcLoop2 extends HTMLTemplateElement {
+class SwcLoop extends HTMLTemplateElement {
   constructor() {
     super(...arguments);
     this._value = [];
-    this._nodes = [];
-    this._defaultNodes = [];
+    this._nodeGroups = [];
   }
   get value() {
     return this._value;
@@ -25,185 +23,89 @@ let SwcLoop = class SwcLoop2 extends HTMLTemplateElement {
     this._value = Array.isArray(nv) ? [...nv] : [];
     this.render();
   }
-  getNodes(index) {
-    return this._nodes[index] || null;
-  }
-  _getTarget() {
-    const script = this.getAttribute("on-get-portal");
-    if (!script)
-      return null;
-    try {
-      const res = FunctionUtils.executeReturn({
-        script,
-        context: this,
-        args: SwcUtils.getHelperAndHostSet(window, this)
-      });
-      if (typeof res === "string")
-        return document.querySelector(res);
-      if (res instanceof Node)
-        return res;
-    } catch (e) {
-      console.error("[SwcLoop] Portal target error:", e);
-    }
-    return null;
-  }
-  append(...items) {
-    if (!items.length || !this.parentElement)
-      return;
-    if (this._defaultNodes.length > 0)
-      this._cleanupDefault();
-    const fragment = document.createDocumentFragment();
-    const startIndex = this._value.length;
-    items.forEach((item, i) => {
-      const index = startIndex + i;
-      const nodes = this._createItemNodes(item, index);
-      if (nodes) {
-        this._nodes.push(nodes);
-        nodes.forEach((n) => fragment.appendChild(n));
-        this._value.push(item);
-      } else {
-        this._nodes.push(null);
-        this._value.push(null);
-      }
+  _resolvePortal() {
+    const portalScript = this.getAttribute("on-get-portal");
+    if (!portalScript)
+      return this.parentElement;
+    const win = this.ownerDocument?.defaultView || window;
+    const res = FunctionUtils.executeReturn({
+      script: portalScript,
+      context: this,
+      args: SwcUtils.getHelperAndHostSet(win, this)
     });
-    const target = this._getTarget();
-    if (target) {
-      target.appendChild(fragment);
-    } else {
-      const lastValidIdx = this._nodes.length - items.length - 1;
-      let refNode = this;
-      for (let i = lastValidIdx; i >= 0; i--) {
-        const group = this._nodes[i];
-        if (group && group.length > 0) {
-          refNode = group[group.length - 1];
-          break;
-        }
-      }
-      this.parentElement.insertBefore(fragment, refNode.nextSibling);
-    }
+    if (res instanceof HTMLElement)
+      return res;
+    if (typeof res === "string")
+      return win.document.querySelector(res);
+    return this.parentElement;
   }
-  remove(index) {
-    const targetIdx = index !== void 0 ? index : this._nodes.length - 1;
-    if (targetIdx < 0 || targetIdx >= this._nodes.length)
-      return;
-    const nodes = this._nodes[targetIdx];
-    if (nodes) {
-      nodes.forEach((n) => {
-        if (n.parentElement)
-          n.parentElement.removeChild(n);
-      });
-      this._nodes[targetIdx] = null;
-      this._value[targetIdx] = null;
-    }
-    const activeRows = this._value.filter((v) => v !== null);
-    if (activeRows.length === 0) {
-      this.render();
-    }
-  }
-  _createItemNodes(item, index) {
-    const clone = this.content.cloneNode(true);
-    Array.from(clone.querySelectorAll('template[is="swc-default"]')).forEach((t) => t.remove());
-    const nodes = Array.from(clone.childNodes);
-    const elements = nodes.filter((n) => n.nodeType === 1);
-    const groupCtx = {
-      $index: index,
-      $item: item,
-      $nodes: nodes,
-      $elements: elements,
-      $firstNode: nodes[0],
-      $lastNode: nodes[nodes.length - 1],
-      $firstElement: elements[0],
-      $lastElement: elements[elements.length - 1],
-      $isFirst: index === 0,
-      $isLast: index === this._value.length - 1,
-      $isEven: index % 2 === 0,
-      $isOdd: index % 2 !== 0,
-      $count: this._value.length
-    };
-    this._executeCallback("on-clone-nodes", groupCtx);
-    nodes.forEach((node, nodeIndex) => {
-      if (node instanceof HTMLElement)
-        node.__swc_host = this;
-      this._executeCallback("on-clone-node", { ...groupCtx, $node: node, $nodeIndex: nodeIndex, $isElement: node.nodeType === 1 });
-    });
-    return nodes;
-  }
-  _executeCallback(attrName, extraArgs) {
-    const script = this.getAttribute(attrName);
+  _executeCloneCallback(attr, args) {
+    const script = this.getAttribute(attr);
     if (!script)
       return;
-    const helperHostSet = SwcUtils.getHelperAndHostSet(window, this);
-    try {
-      FunctionUtils.execute({ script, context: this, args: { ...helperHostSet, ...extraArgs } });
-    } catch (e) {
-      console.error(`[SwcLoop] Error in ${attrName}:`, e);
-    }
+    FunctionUtils.execute({ script, context: this, args });
+  }
+  _cleanup() {
+    this._nodeGroups.forEach((nodes) => nodes.forEach((n) => n.parentElement?.removeChild(n)));
+    this._nodeGroups = [];
   }
-  refreshValue(newValue) {
-    const script = newValue !== void 0 ? newValue : this.getAttribute("on-get-value");
+  refreshValue() {
+    const script = this.getAttribute("on-get-value");
     if (!script) {
       this.value = [];
       return;
     }
-    const helperHostSet = SwcUtils.getHelperAndHostSet(window, this);
-    try {
-      const res = FunctionUtils.executeReturn({ script, context: this, args: helperHostSet });
-      if (Array.isArray(res)) {
-        this.value = res;
-      }
-    } catch (e) {
-      console.error("[SwcLoop] Failed to get value from on-get-value script:", e);
-      this.value = [];
+    const win = this.ownerDocument?.defaultView || window;
+    const res = FunctionUtils.executeReturn({
+      script,
+      context: this,
+      args: SwcUtils.getHelperAndHostSet(win, this)
+    });
+    if (res instanceof Promise) {
+      res.then((v) => this.value = v).catch(() => this.value = []);
+    } else {
+      this.value = res;
     }
   }
   render() {
     this._cleanup();
-    if (!this.parentElement)
+    const portal = this._resolvePortal();
+    if (!portal)
       return;
-    const activeRows = this._value.filter((v) => v !== null);
-    const target = this._getTarget();
-    if (activeRows.length === 0) {
-      const t = this.content.querySelector('template[is="swc-default"]');
-      if (t) {
-        const clone = t.content.cloneNode(true);
-        this._defaultNodes = Array.from(clone.childNodes);
-        this._defaultNodes.forEach((n) => {
-          if (n instanceof HTMLElement)
-            n.__swc_host = this;
-        });
-        if (target)
-          target.appendChild(clone);
-        else
-          this.parentElement.insertBefore(clone, this.nextSibling);
+    const win = this.ownerDocument?.defaultView || window;
+    const helperSet = 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);
       }
-      return;
+    } 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);
     }
-    const fragment = document.createDocumentFragment();
-    this._value.forEach((item, index) => {
-      if (item === null) {
-        this._nodes.push(null);
-        return;
-      }
-      const nodes = this._createItemNodes(item, index);
-      this._nodes.push(nodes);
-      nodes.forEach((n) => fragment.appendChild(n));
-    });
-    if (target)
-      target.appendChild(fragment);
-    else
-      this.parentElement.insertBefore(fragment, this.nextSibling);
-  }
-  _cleanup() {
-    this._nodes.forEach((group) => {
-      if (group)
-        group.forEach((node) => node.parentElement?.removeChild(node));
-    });
-    this._nodes = [];
-    this._cleanupDefault();
-  }
-  _cleanupDefault() {
-    this._defaultNodes.forEach((n) => n.parentElement?.removeChild(n));
-    this._defaultNodes = [];
   }
   connectedCallback() {
     this.refreshValue();
@@ -211,16 +113,13 @@ let SwcLoop = class SwcLoop2 extends HTMLTemplateElement {
   disconnectedCallback() {
     this._cleanup();
   }
-};
+}
 __decorate([
   changedAttribute("on-get-value"),
   __metadata("design:type", Function),
-  __metadata("design:paramtypes", [String]),
+  __metadata("design:paramtypes", []),
   __metadata("design:returntype", void 0)
 ], SwcLoop.prototype, "refreshValue", null);
-SwcLoop = __decorate([
-  elementDefine({ name: "swc-loop", extends: "template" })
-], SwcLoop);
 export {
   SwcLoop
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/elements/SwcLoop.ts"],
-  "sourcesContent": ["import { elementDefine } from '../decorators/elementDefine';\nimport { changedAttribute } from '../decorators/changedAttribute';\nimport { SwcUtils } from '../utils/Utils';\nimport { FunctionUtils } from '@dooboostore/core/function/FunctionUtils';\n\n@elementDefine({ name: 'swc-loop', extends: 'template' })\nexport class SwcLoop extends HTMLTemplateElement {\n  private _value: any[] = [];\n  private _nodes: (Node[] | null)[] = [];\n  private _defaultNodes: Node[] = [];\n\n  get value(): any[] {\n    return this._value;\n  }\n\n  set value(nv: any[]) {\n    this._value = Array.isArray(nv) ? [...nv] : [];\n    this.render();\n  }\n\n  getNodes(index: number): Node[] | null {\n    return this._nodes[index] || null;\n  }\n\n  private _getTarget(): Element | DocumentFragment | null {\n    const script = this.getAttribute('on-get-portal');\n    if (!script) return null;\n    try {\n      const res = FunctionUtils.executeReturn({\n        script,\n        context: this,\n        args: SwcUtils.getHelperAndHostSet(window, this)\n      });\n      if (typeof res === 'string') return document.querySelector(res);\n      if (res instanceof Node) return res as any;\n    } catch (e) {\n      console.error('[SwcLoop] Portal target error:', e);\n    }\n    return null;\n  }\n\n  append(...items: any[]) {\n    if (!items.length || !this.parentElement) return;\n    if (this._defaultNodes.length > 0) this._cleanupDefault();\n\n    const fragment = document.createDocumentFragment();\n    const startIndex = this._value.length;\n\n    items.forEach((item, i) => {\n      const index = startIndex + i;\n      const nodes = this._createItemNodes(item, index);\n      if (nodes) {\n        this._nodes.push(nodes);\n        nodes.forEach(n => fragment.appendChild(n));\n        this._value.push(item);\n      } else {\n        this._nodes.push(null);\n        this._value.push(null);\n      }\n    });\n\n    const target = this._getTarget();\n    if (target) {\n      target.appendChild(fragment);\n    } else {\n      const lastValidIdx = this._nodes.length - items.length - 1;\n      let refNode: Node = this;\n      for (let i = lastValidIdx; i >= 0; i--) {\n        const group = this._nodes[i];\n        if (group && group.length > 0) {\n          refNode = group[group.length - 1];\n          break;\n        }\n      }\n      this.parentElement.insertBefore(fragment, refNode.nextSibling);\n    }\n  }\n\n  remove(index?: number) {\n    const targetIdx = index !== undefined ? index : this._nodes.length - 1;\n    if (targetIdx < 0 || targetIdx >= this._nodes.length) return;\n\n    const nodes = this._nodes[targetIdx];\n    if (nodes) {\n      nodes.forEach(n => {\n        if (n.parentElement) n.parentElement.removeChild(n);\n      });\n      this._nodes[targetIdx] = null;\n      this._value[targetIdx] = null;\n    }\n\n    const activeRows = this._value.filter(v => v !== null);\n    if (activeRows.length === 0) {\n      this.render();\n    }\n  }\n\n  private _createItemNodes(item: any, index: number): Node[] {\n    const clone = this.content.cloneNode(true) as DocumentFragment;\n    Array.from(clone.querySelectorAll('template[is=\"swc-default\"]')).forEach(t => t.remove());\n\n    const nodes = Array.from(clone.childNodes);\n    const elements = nodes.filter(n => n.nodeType === 1) as HTMLElement[];\n\n    const groupCtx = {\n      $index: index,\n      $item: item,\n      $nodes: nodes,\n      $elements: elements,\n      $firstNode: nodes[0],\n      $lastNode: nodes[nodes.length - 1],\n      $firstElement: elements[0],\n      $lastElement: elements[elements.length - 1],\n      $isFirst: index === 0,\n      $isLast: index === this._value.length - 1,\n      $isEven: index % 2 === 0,\n      $isOdd: index % 2 !== 0,\n      $count: this._value.length\n    };\n\n    this._executeCallback('on-clone-nodes', groupCtx);\n    nodes.forEach((node, nodeIndex) => {\n      if (node instanceof HTMLElement) (node as any).__swc_host = this;\n      this._executeCallback('on-clone-node', { ...groupCtx, $node: node, $nodeIndex: nodeIndex, $isElement: node.nodeType === 1 });\n    });\n\n    return nodes;\n  }\n\n  private _executeCallback(attrName: string, extraArgs: Record<string, any>) {\n    const script = this.getAttribute(attrName);\n    if (!script) return;\n    const helperHostSet = SwcUtils.getHelperAndHostSet(window, this);\n    try {\n      FunctionUtils.execute({ script, context: this, args: { ...helperHostSet, ...extraArgs } });\n    } catch (e) {\n      console.error(`[SwcLoop] Error in ${attrName}:`, e);\n    }\n  }\n\n  @changedAttribute('on-get-value')\n  private refreshValue(newValue?: string | null) {\n    const script = newValue !== undefined ? newValue : this.getAttribute('on-get-value');\n    if (!script) {\n      this.value = [];\n      return;\n    }\n    const helperHostSet = SwcUtils.getHelperAndHostSet(window, this);\n    try {\n      const res = FunctionUtils.executeReturn({ script, context: this, args: helperHostSet });\n      if (Array.isArray(res)) {\n        this.value = res;\n      }\n    } catch (e) {\n      console.error('[SwcLoop] Failed to get value from on-get-value script:', e);\n      this.value = [];\n    }\n  }\n\n  render() {\n    this._cleanup();\n    if (!this.parentElement) return;\n\n    const activeRows = this._value.filter(v => v !== null);\n    const target = this._getTarget();\n\n    if (activeRows.length === 0) {\n      const t = this.content.querySelector('template[is=\"swc-default\"]') as HTMLTemplateElement;\n      if (t) {\n        const clone = t.content.cloneNode(true) as DocumentFragment;\n        this._defaultNodes = Array.from(clone.childNodes);\n        this._defaultNodes.forEach(n => {\n          if (n instanceof HTMLElement) (n as any).__swc_host = this;\n        });\n        if (target) target.appendChild(clone);\n        else this.parentElement.insertBefore(clone, this.nextSibling);\n      }\n      return;\n    }\n\n    const fragment = document.createDocumentFragment();\n    this._value.forEach((item, index) => {\n      if (item === null) {\n        this._nodes.push(null);\n        return;\n      }\n      const nodes = this._createItemNodes(item, index);\n      this._nodes.push(nodes);\n      nodes.forEach(n => fragment.appendChild(n));\n    });\n\n    if (target) target.appendChild(fragment);\n    else this.parentElement.insertBefore(fragment, this.nextSibling);\n  }\n\n  private _cleanup() {\n    this._nodes.forEach(group => {\n      if (group) group.forEach(node => node.parentElement?.removeChild(node));\n    });\n    this._nodes = [];\n    this._cleanupDefault();\n  }\n\n  private _cleanupDefault() {\n    this._defaultNodes.forEach(n => n.parentElement?.removeChild(n));\n    this._defaultNodes = [];\n  }\n\n  connectedCallback() {\n    this.refreshValue();\n  }\n  disconnectedCallback() {\n    this._cleanup();\n  }\n}\n"],
-  "mappings": "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",
-  "names": ["SwcLoop"]
+  "sourcesContent": ["import { changedAttribute } from '../decorators/changedAttribute';\nimport { SwcUtils } from '../utils/Utils';\nimport { FunctionUtils } from '@dooboostore/core/function/FunctionUtils';\n\nexport class SwcLoop extends HTMLTemplateElement {\n  private _value: any[] = [];\n  private _nodeGroups: Node[][] = [];\n\n  get value(): any[] {\n    return this._value;\n  }\n  set value(nv: any[]) {\n    this._value = Array.isArray(nv) ? [...nv] : [];\n    this.render();\n  }\n\n  private _resolvePortal(): Element | null {\n    const portalScript = this.getAttribute('on-get-portal');\n    if (!portalScript) return this.parentElement;\n\n    const win = this.ownerDocument?.defaultView || window;\n    const res = FunctionUtils.executeReturn({\n      script: portalScript,\n      context: this,\n      args: SwcUtils.getHelperAndHostSet(win, this)\n    });\n\n    if (res instanceof HTMLElement) return res;\n    if (typeof res === 'string') return win.document.querySelector(res);\n    return this.parentElement;\n  }\n\n  private _executeCloneCallback(attr: string, args: any) {\n    const script = this.getAttribute(attr);\n    if (!script) return;\n    FunctionUtils.execute({ script, context: this, args });\n  }\n\n  private _cleanup() {\n    this._nodeGroups.forEach(nodes => nodes.forEach(n => n.parentElement?.removeChild(n)));\n    this._nodeGroups = [];\n  }\n\n  @changedAttribute('on-get-value')\n  private refreshValue() {\n    const script = this.getAttribute('on-get-value');\n    if (!script) {\n      this.value = [];\n      return;\n    }\n    const win = this.ownerDocument?.defaultView || window;\n    const res = FunctionUtils.executeReturn({\n      script,\n      context: this,\n      args: SwcUtils.getHelperAndHostSet(win, this)\n    });\n\n    if (res instanceof Promise) {\n      res.then(v => (this.value = v)).catch(() => (this.value = []));\n    } else {\n      this.value = res;\n    }\n  }\n\n  render() {\n    this._cleanup();\n    const portal = this._resolvePortal();\n    if (!portal) return;\n\n    const win = this.ownerDocument?.defaultView || window;\n    const helperSet = SwcUtils.getHelperAndHostSet(win, this);\n    const fragment = win.document.createDocumentFragment();\n\n    if (this._value.length === 0) {\n      const defaultTpl = this.content.querySelector('template[is=\"swc-default\"]') as HTMLTemplateElement;\n      if (defaultTpl) {\n        const clone = defaultTpl.content.cloneNode(true);\n        const nodes = Array.from(clone.childNodes);\n        this._nodeGroups.push(nodes);\n        fragment.appendChild(clone);\n      }\n    } else {\n      this._value.forEach((item, index) => {\n        const clone = this.content.cloneNode(true) as DocumentFragment;\n        // Filter out sub-templates\n        const subTemplates = clone.querySelectorAll('template[is^=\"swc-\"]');\n        subTemplates.forEach(t => t.remove());\n\n        const nodes = Array.from(clone.childNodes);\n        const elements = nodes.filter(n => n.nodeType === 1) as HTMLElement[];\n\n        const groupArgs = { ...helperSet, $item: item, $index: index, $value: this._value, $nodes: nodes, $elements: elements, $firstElement: elements[0] };\n\n        nodes.forEach((node, nodeIdx) => {\n          if (node instanceof HTMLElement) (node as any).__swc_host = this;\n          this._executeCloneCallback('on-clone-node', { ...groupArgs, $node: node, $nodeIndex: nodeIdx, $isElement: node.nodeType === 1 });\n        });\n\n        this._executeCloneCallback('on-clone-nodes', groupArgs);\n        this._nodeGroups.push(nodes);\n        fragment.appendChild(clone);\n      });\n    }\n\n    if (portal === this.parentElement) {\n      portal.insertBefore(fragment, this.nextSibling);\n    } else {\n      portal.appendChild(fragment);\n    }\n  }\n\n  connectedCallback() {\n    this.refreshValue();\n  }\n  disconnectedCallback() {\n    this._cleanup();\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
 }

package/dist/esm/elements/SwcSubTemplates.js

@@ -1,40 +1,15 @@
-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;
-};
-import { elementDefine } from "../decorators/elementDefine.js";
-let SwcLoading = class SwcLoading2 extends HTMLTemplateElement {
-};
-SwcLoading = __decorate([
-  elementDefine({ name: "swc-loading", extends: "template" })
-], SwcLoading);
-let SwcError = class SwcError2 extends HTMLTemplateElement {
-};
-SwcError = __decorate([
-  elementDefine({ name: "swc-error", extends: "template" })
-], SwcError);
-let SwcSuccess = class SwcSuccess2 extends HTMLTemplateElement {
-};
-SwcSuccess = __decorate([
-  elementDefine({ name: "swc-success", extends: "template" })
-], SwcSuccess);
-let SwcWhen = class SwcWhen2 extends HTMLTemplateElement {
-};
-SwcWhen = __decorate([
-  elementDefine({ name: "swc-when", extends: "template" })
-], SwcWhen);
-let SwcOtherwise = class SwcOtherwise2 extends HTMLTemplateElement {
-};
-SwcOtherwise = __decorate([
-  elementDefine({ name: "swc-otherwise", extends: "template" })
-], SwcOtherwise);
-let SwcDefault = class SwcDefault2 extends HTMLTemplateElement {
-};
-SwcDefault = __decorate([
-  elementDefine({ name: "swc-default", extends: "template" })
-], SwcDefault);
+class SwcLoading extends HTMLTemplateElement {
+}
+class SwcError extends HTMLTemplateElement {
+}
+class SwcSuccess extends HTMLTemplateElement {
+}
+class SwcWhen extends HTMLTemplateElement {
+}
+class SwcOtherwise extends HTMLTemplateElement {
+}
+class SwcDefault extends HTMLTemplateElement {
+}
 export {
   SwcDefault,
   SwcError,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/elements/SwcSubTemplates.ts"],
-  "sourcesContent": ["import { elementDefine } from '../decorators/elementDefine';\n\n@elementDefine({ name: 'swc-loading', extends: 'template' })\nexport class SwcLoading extends HTMLTemplateElement {}\n\n@elementDefine({ name: 'swc-error', extends: 'template' })\nexport class SwcError extends HTMLTemplateElement {}\n\n@elementDefine({ name: 'swc-success', extends: 'template' })\nexport class SwcSuccess extends HTMLTemplateElement {}\n\n@elementDefine({ name: 'swc-when', extends: 'template' })\nexport class SwcWhen extends HTMLTemplateElement {}\n\n@elementDefine({ name: 'swc-otherwise', extends: 'template' })\nexport class SwcOtherwise extends HTMLTemplateElement {}\n\n@elementDefine({ name: 'swc-default', extends: 'template' })\nexport class SwcDefault extends HTMLTemplateElement {}\n"],
-  "mappings": ";;;;;;AAAA,SAAS,qBAAqB;AAGvB,IAAM,aAAN,MAAMA,oBAAmB,oBAAmB;;AAAtC,aAAU,WAAA;EADtB,cAAc,EAAE,MAAM,eAAe,SAAS,WAAU,CAAE;GAC9C,UAAU;AAGhB,IAAM,WAAN,MAAMC,kBAAiB,oBAAmB;;AAApC,WAAQ,WAAA;EADpB,cAAc,EAAE,MAAM,aAAa,SAAS,WAAU,CAAE;GAC5C,QAAQ;AAGd,IAAM,aAAN,MAAMC,oBAAmB,oBAAmB;;AAAtC,aAAU,WAAA;EADtB,cAAc,EAAE,MAAM,eAAe,SAAS,WAAU,CAAE;GAC9C,UAAU;AAGhB,IAAM,UAAN,MAAMC,iBAAgB,oBAAmB;;AAAnC,UAAO,WAAA;EADnB,cAAc,EAAE,MAAM,YAAY,SAAS,WAAU,CAAE;GAC3C,OAAO;AAGb,IAAM,eAAN,MAAMC,sBAAqB,oBAAmB;;AAAxC,eAAY,WAAA;EADxB,cAAc,EAAE,MAAM,iBAAiB,SAAS,WAAU,CAAE;GAChD,YAAY;AAGlB,IAAM,aAAN,MAAMC,oBAAmB,oBAAmB;;AAAtC,aAAU,WAAA;EADtB,cAAc,EAAE,MAAM,eAAe,SAAS,WAAU,CAAE;GAC9C,UAAU;",
-  "names": ["SwcLoading", "SwcError", "SwcSuccess", "SwcWhen", "SwcOtherwise", "SwcDefault"]
+  "sourcesContent": ["export class SwcLoading extends HTMLTemplateElement {}\nexport class SwcError extends HTMLTemplateElement {}\nexport class SwcSuccess extends HTMLTemplateElement {}\nexport class SwcWhen extends HTMLTemplateElement {}\nexport class SwcOtherwise extends HTMLTemplateElement {}\nexport class SwcDefault extends HTMLTemplateElement {}\n"],
+  "mappings": "AAAO,MAAM,mBAAmB,oBAAoB;AAAC;AAC9C,MAAM,iBAAiB,oBAAoB;AAAC;AAC5C,MAAM,mBAAmB,oBAAoB;AAAC;AAC9C,MAAM,gBAAgB,oBAAoB;AAAC;AAC3C,MAAM,qBAAqB,oBAAoB;AAAC;AAChD,MAAM,mBAAmB,oBAAoB;AAAC;",
+  "names": []
 }

package/dist/esm/elements/index.js

@@ -1,9 +1,2 @@
-export * from "./is/index.js";
-export * from "./SwcSubTemplates.js";
-export * from "./SwcLoop.js";
-export * from "./SwcIf.js";
-export * from "./SwcChoose.js";
-export * from "./SwcAsync.js";
-export * from "./SwcApp.js";
-export * from "./SwcAppEngine.js";
+export * from "./register.js";
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/elements/index.ts"],
-  "sourcesContent": ["export * from './is';\nexport * from './SwcSubTemplates';\nexport * from './SwcLoop';\nexport * from './SwcIf';\nexport * from './SwcChoose';\nexport * from './SwcAsync';\nexport * from './SwcApp';\nexport * from './SwcAppEngine';\n"],
-  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
+  "sourcesContent": ["export * from './register';\n"],
+  "mappings": "AAAA,cAAc;",
   "names": []
 }