@dooboostore/simple-web-component 1.0.16 → 1.0.18

package/dist/cjs/elements/SwcChoose.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/elements/SwcChoose.ts"],
+  "sourcesContent": ["import { elementDefine } from '../decorators/elementDefine';\nimport { changedAttribute } from '../decorators/changedAttribute';\nimport { SwcUtils } from '../utils/Utils';\nimport { FunctionUtils } from '@dooboostore/core/function/FunctionUtils';\nimport { SwcWhen, SwcOtherwise } from './SwcSubTemplates';\n\n@elementDefine({ name: 'swc-choose', extends: 'template' })\nexport class SwcChoose extends HTMLTemplateElement {\n  private _nodes: Node[] = [];\n  private _value: any = null;\n\n  get value(): any {\n    return this._value;\n  }\n\n  set value(nv: any) {\n    this._value = nv;\n    this.render();\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(`[SwcChoose] Error in ${attrName}:`, e);\n    }\n  }\n\n  @changedAttribute('on-get-value')\n  private refresh(newValue?: string | null) {\n    const script = newValue !== undefined ? newValue : this.getAttribute('on-get-value');\n    if (!script) {\n      this.value = null;\n      return;\n    }\n    if (!this.parentElement) return;\n\n    const helperHostSet = SwcUtils.getHelperAndHostSet(window, this);\n    try {\n      const result = FunctionUtils.executeReturn({\n        script,\n        context: this,\n        args: helperHostSet\n      });\n      this.value = result;\n    } catch (e) {\n      console.error('[SwcChoose] Error in on-get-value:', e);\n    }\n  }\n\n  private render() {\n    this.cleanup();\n    if (!this.parentElement) return;\n\n    const templates = Array.from(this.content.querySelectorAll('template'));\n    let selected: HTMLTemplateElement | null = null;\n    let otherwise: HTMLTemplateElement | null = null;\n    let defaultTmp: HTMLTemplateElement | null = null;\n\n    for (const t of templates) {\n      const is = t.getAttribute('is');\n      if (is === 'swc-when') {\n        const whenVal = t.getAttribute('value');\n        if (String(whenVal) === String(this._value)) {\n          selected = t;\n          break;\n        }\n      } else if (is === 'swc-otherwise') {\n        otherwise = t;\n      } else if (is === 'swc-default') {\n        defaultTmp = t;\n      }\n    }\n\n    const targetTemplate = (this._value == null ? defaultTmp : selected) || otherwise || defaultTmp;\n    if (targetTemplate) {\n      const clone = targetTemplate.content.cloneNode(true) as DocumentFragment;\n      const nodes = Array.from(clone.childNodes);\n      const elements = nodes.filter(n => n.nodeType === 1) as HTMLElement[];\n\n      const ctx = {\n        $value: this._value,\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      };\n\n      // Execution Callbacks\n      this._executeCallback('on-clone-nodes', ctx);\n      nodes.forEach((node, nodeIndex) => {\n        if (node instanceof HTMLElement) {\n          (node as any).__swc_host = this;\n        }\n        this._executeCallback('on-clone-node', {\n          ...ctx,\n          $node: node,\n          $nodeIndex: nodeIndex,\n          $isElement: node.nodeType === 1\n        });\n      });\n\n      this._nodes = nodes;\n      this.parentElement.insertBefore(clone, this.nextSibling);\n    }\n  }\n\n  private cleanup() {\n    this._nodes.forEach(n => {\n      if (n.parentElement) n.parentElement.removeChild(n);\n    });\n    this._nodes = [];\n  }\n\n  connectedCallback() {\n    this.refresh();\n  }\n\n  disconnectedCallback() {\n    this.cleanup();\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["SwcChoose"]
+}

package/dist/cjs/elements/SwcIf.js

@@ -0,0 +1,167 @@
+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 SwcIf_exports = {};
+__export(SwcIf_exports, {
+  SwcIf: () => SwcIf
+});
+module.exports = __toCommonJS(SwcIf_exports);
+var import_elementDefine = require("../decorators/elementDefine");
+var import_changedAttribute = require("../decorators/changedAttribute");
+var import_Utils = require("../utils/Utils");
+var import_FunctionUtils = require("@dooboostore/core/function/FunctionUtils");
+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);
+};
+let SwcIf = class SwcIf2 extends HTMLTemplateElement {
+  constructor() {
+    super(...arguments);
+    this._nodes = [];
+    this._value = null;
+  }
+  get value() {
+    return this._value;
+  }
+  set value(nv) {
+    this._value = nv;
+    this.render();
+  }
+  _getTarget() {
+    const script = this.getAttribute("on-get-portal");
+    if (!script)
+      return null;
+    try {
+      const res = import_FunctionUtils.FunctionUtils.executeReturn({
+        script,
+        context: this,
+        args: import_Utils.SwcUtils.getHelperAndHostSet(window, this)
+      });
+      if (typeof res === "string")
+        return document.querySelector(res);
+      if (res instanceof Node)
+        return res;
+    } catch (e) {
+      console.error("[SwcIf] Portal target error:", e);
+    }
+    return null;
+  }
+  _executeCallback(attrName, extraArgs) {
+    const script = this.getAttribute(attrName);
+    if (!script)
+      return;
+    const helperHostSet = import_Utils.SwcUtils.getHelperAndHostSet(window, this);
+    try {
+      import_FunctionUtils.FunctionUtils.execute({ script, context: this, args: { ...helperHostSet, ...extraArgs } });
+    } catch (e) {
+      console.error(`[SwcIf] Error in ${attrName}:`, e);
+    }
+  }
+  refresh(newValue) {
+    const script = newValue !== void 0 ? newValue : this.getAttribute("on-get-value");
+    if (!script) {
+      this.value = null;
+      return;
+    }
+    if (!this.parentElement)
+      return;
+    const helperHostSet = import_Utils.SwcUtils.getHelperAndHostSet(window, this);
+    try {
+      const result = import_FunctionUtils.FunctionUtils.executeReturn({
+        script,
+        context: this,
+        args: helperHostSet
+      });
+      this.value = result;
+    } catch (e) {
+      console.error("[SwcIf] Error in on-get-value:", e);
+      this.value = null;
+    }
+  }
+  render() {
+    this.cleanup();
+    if (!this.parentElement)
+      return;
+    let fragment = null;
+    const ctx = { $value: this._value, $nodes: [], $elements: [] };
+    if (this._value) {
+      const clone = this.content.cloneNode(true);
+      Array.from(clone.querySelectorAll('template[is="swc-default"]')).forEach((t) => t.remove());
+      fragment = clone;
+    } else {
+      const t = this.content.querySelector('template[is="swc-default"]');
+      if (t)
+        fragment = t.content.cloneNode(true);
+    }
+    if (fragment) {
+      this.mount(fragment, ctx);
+    }
+  }
+  mount(fragment, ctx) {
+    const nodes = Array.from(fragment.childNodes);
+    const elements = nodes.filter((n) => n.nodeType === 1);
+    Object.assign(ctx, {
+      $nodes: nodes,
+      $elements: elements,
+      $firstNode: nodes[0],
+      $lastNode: nodes[nodes.length - 1],
+      $firstElement: elements[0],
+      $lastElement: elements[elements.length - 1]
+    });
+    this._executeCallback("on-clone-nodes", ctx);
+    nodes.forEach((node, nodeIndex) => {
+      if (node instanceof HTMLElement)
+        node.__swc_host = this;
+      this._executeCallback("on-clone-node", { ...ctx, $node: node, $nodeIndex: nodeIndex, $isElement: node.nodeType === 1 });
+    });
+    this._nodes = nodes;
+    const target = this._getTarget();
+    if (target) {
+      target.appendChild(fragment);
+    } else {
+      this.parentElement?.insertBefore(fragment, this.nextSibling);
+    }
+  }
+  cleanup() {
+    this._nodes.forEach((n) => {
+      if (n.parentElement)
+        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", [String]),
+  __metadata("design:returntype", void 0)
+], SwcIf.prototype, "refresh", null);
+SwcIf = __decorate([
+  (0, import_elementDefine.elementDefine)({ name: "swc-if", extends: "template" })
+], SwcIf);
+//# sourceMappingURL=SwcIf.js.map

package/dist/cjs/elements/SwcIf.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/elements/SwcIf.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-if', extends: 'template' })\nexport class SwcIf extends HTMLTemplateElement {\n  private _nodes: Node[] = [];\n  private _value: any = null;\n\n  get value(): any {\n    return this._value;\n  }\n\n  set value(nv: any) {\n    this._value = nv;\n    this.render();\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('[SwcIf] Portal target error:', e);\n    }\n    return null;\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(`[SwcIf] Error in ${attrName}:`, e);\n    }\n  }\n\n  @changedAttribute('on-get-value')\n  private refresh(newValue?: string | null) {\n    const script = newValue !== undefined ? newValue : this.getAttribute('on-get-value');\n    if (!script) {\n      this.value = null;\n      return;\n    }\n    if (!this.parentElement) return;\n\n    const helperHostSet = SwcUtils.getHelperAndHostSet(window, this);\n    try {\n      const result = FunctionUtils.executeReturn({\n        script,\n        context: this,\n        args: helperHostSet\n      });\n      this.value = result;\n    } catch (e) {\n      console.error('[SwcIf] Error in on-get-value:', e);\n      this.value = null;\n    }\n  }\n\n  private render() {\n    this.cleanup();\n    if (!this.parentElement) return;\n\n    let fragment: DocumentFragment | null = null;\n    const ctx: any = { $value: this._value, $nodes: [], $elements: [] };\n\n    if (this._value) {\n      const clone = this.content.cloneNode(true) as DocumentFragment;\n      Array.from(clone.querySelectorAll('template[is=\"swc-default\"]')).forEach(t => t.remove());\n      fragment = clone;\n    } else {\n      const t = this.content.querySelector('template[is=\"swc-default\"]') as HTMLTemplateElement;\n      if (t) fragment = t.content.cloneNode(true) as DocumentFragment;\n    }\n\n    if (fragment) {\n      this.mount(fragment, ctx);\n    }\n  }\n\n  private mount(fragment: DocumentFragment, ctx: any) {\n    const nodes = Array.from(fragment.childNodes);\n    const elements = nodes.filter(n => n.nodeType === 1) as HTMLElement[];\n\n    Object.assign(ctx, {\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    });\n\n    this._executeCallback('on-clone-nodes', ctx);\n    nodes.forEach((node, nodeIndex) => {\n      if (node instanceof HTMLElement) (node as any).__swc_host = this;\n      this._executeCallback('on-clone-node', { ...ctx, $node: node, $nodeIndex: nodeIndex, $isElement: node.nodeType === 1 });\n    });\n\n    this._nodes = nodes;\n    const target = this._getTarget();\n    if (target) {\n      target.appendChild(fragment);\n    } else {\n      this.parentElement?.insertBefore(fragment, this.nextSibling);\n    }\n  }\n\n  private cleanup() {\n    this._nodes.forEach(n => {\n      if (n.parentElement) n.parentElement.removeChild(n);\n    });\n    this._nodes = [];\n  }\n\n  connectedCallback() {\n    this.refresh();\n  }\n\n  disconnectedCallback() {\n    this.cleanup();\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["SwcIf"]
+}

package/dist/cjs/elements/SwcLoop.js

@@ -0,0 +1,246 @@
+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 SwcLoop_exports = {};
+__export(SwcLoop_exports, {
+  SwcLoop: () => SwcLoop
+});
+module.exports = __toCommonJS(SwcLoop_exports);
+var import_elementDefine = require("../decorators/elementDefine");
+var import_changedAttribute = require("../decorators/changedAttribute");
+var import_Utils = require("../utils/Utils");
+var import_FunctionUtils = require("@dooboostore/core/function/FunctionUtils");
+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);
+};
+let SwcLoop = class SwcLoop2 extends HTMLTemplateElement {
+  constructor() {
+    super(...arguments);
+    this._value = [];
+    this._nodes = [];
+    this._defaultNodes = [];
+  }
+  get value() {
+    return this._value;
+  }
+  set value(nv) {
+    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 = import_FunctionUtils.FunctionUtils.executeReturn({
+        script,
+        context: this,
+        args: import_Utils.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);
+      }
+    });
+    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);
+    }
+  }
+  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);
+    if (!script)
+      return;
+    const helperHostSet = import_Utils.SwcUtils.getHelperAndHostSet(window, this);
+    try {
+      import_FunctionUtils.FunctionUtils.execute({ script, context: this, args: { ...helperHostSet, ...extraArgs } });
+    } catch (e) {
+      console.error(`[SwcLoop] Error in ${attrName}:`, e);
+    }
+  }
+  refreshValue(newValue) {
+    const script = newValue !== void 0 ? newValue : this.getAttribute("on-get-value");
+    if (!script) {
+      this.value = [];
+      return;
+    }
+    const helperHostSet = import_Utils.SwcUtils.getHelperAndHostSet(window, this);
+    try {
+      const res = import_FunctionUtils.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 = [];
+    }
+  }
+  render() {
+    this._cleanup();
+    if (!this.parentElement)
+      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);
+      }
+      return;
+    }
+    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();
+  }
+  disconnectedCallback() {
+    this._cleanup();
+  }
+};
+__decorate([
+  (0, import_changedAttribute.changedAttribute)("on-get-value"),
+  __metadata("design:type", Function),
+  __metadata("design:paramtypes", [String]),
+  __metadata("design:returntype", void 0)
+], SwcLoop.prototype, "refreshValue", null);
+SwcLoop = __decorate([
+  (0, import_elementDefine.elementDefine)({ name: "swc-loop", extends: "template" })
+], SwcLoop);
+//# sourceMappingURL=SwcLoop.js.map

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

@@ -0,0 +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"]
+}

package/dist/cjs/elements/SwcSubTemplates.js

@@ -0,0 +1,65 @@
+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 SwcSubTemplates_exports = {};
+__export(SwcSubTemplates_exports, {
+  SwcDefault: () => SwcDefault,
+  SwcError: () => SwcError,
+  SwcLoading: () => SwcLoading,
+  SwcOtherwise: () => SwcOtherwise,
+  SwcSuccess: () => SwcSuccess,
+  SwcWhen: () => SwcWhen
+});
+module.exports = __toCommonJS(SwcSubTemplates_exports);
+var import_elementDefine = require("../decorators/elementDefine");
+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;
+};
+let SwcLoading = class SwcLoading2 extends HTMLTemplateElement {
+};
+SwcLoading = __decorate([
+  (0, import_elementDefine.elementDefine)({ name: "swc-loading", extends: "template" })
+], SwcLoading);
+let SwcError = class SwcError2 extends HTMLTemplateElement {
+};
+SwcError = __decorate([
+  (0, import_elementDefine.elementDefine)({ name: "swc-error", extends: "template" })
+], SwcError);
+let SwcSuccess = class SwcSuccess2 extends HTMLTemplateElement {
+};
+SwcSuccess = __decorate([
+  (0, import_elementDefine.elementDefine)({ name: "swc-success", extends: "template" })
+], SwcSuccess);
+let SwcWhen = class SwcWhen2 extends HTMLTemplateElement {
+};
+SwcWhen = __decorate([
+  (0, import_elementDefine.elementDefine)({ name: "swc-when", extends: "template" })
+], SwcWhen);
+let SwcOtherwise = class SwcOtherwise2 extends HTMLTemplateElement {
+};
+SwcOtherwise = __decorate([
+  (0, import_elementDefine.elementDefine)({ name: "swc-otherwise", extends: "template" })
+], SwcOtherwise);
+let SwcDefault = class SwcDefault2 extends HTMLTemplateElement {
+};
+SwcDefault = __decorate([
+  (0, import_elementDefine.elementDefine)({ name: "swc-default", extends: "template" })
+], SwcDefault);
+//# sourceMappingURL=SwcSubTemplates.js.map

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

@@ -0,0 +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,2BAA8B;;;;;;;AAGvB,IAAM,aAAN,MAAMA,oBAAmB,oBAAmB;;AAAtC,aAAU,WAAA;MADtB,oCAAc,EAAE,MAAM,eAAe,SAAS,WAAU,CAAE;GAC9C,UAAU;AAGhB,IAAM,WAAN,MAAMC,kBAAiB,oBAAmB;;AAApC,WAAQ,WAAA;MADpB,oCAAc,EAAE,MAAM,aAAa,SAAS,WAAU,CAAE;GAC5C,QAAQ;AAGd,IAAM,aAAN,MAAMC,oBAAmB,oBAAmB;;AAAtC,aAAU,WAAA;MADtB,oCAAc,EAAE,MAAM,eAAe,SAAS,WAAU,CAAE;GAC9C,UAAU;AAGhB,IAAM,UAAN,MAAMC,iBAAgB,oBAAmB;;AAAnC,UAAO,WAAA;MADnB,oCAAc,EAAE,MAAM,YAAY,SAAS,WAAU,CAAE;GAC3C,OAAO;AAGb,IAAM,eAAN,MAAMC,sBAAqB,oBAAmB;;AAAxC,eAAY,WAAA;MADxB,oCAAc,EAAE,MAAM,iBAAiB,SAAS,WAAU,CAAE;GAChD,YAAY;AAGlB,IAAM,aAAN,MAAMC,oBAAmB,oBAAmB;;AAAtC,aAAU,WAAA;MADtB,oCAAc,EAAE,MAAM,eAAe,SAAS,WAAU,CAAE;GAC9C,UAAU;",
+  "names": ["SwcLoading", "SwcError", "SwcSuccess", "SwcWhen", "SwcOtherwise", "SwcDefault"]
+}

package/dist/cjs/elements/index.js

@@ -15,4 +15,11 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var elements_exports = {};
 module.exports = __toCommonJS(elements_exports);
 __reExport(elements_exports, require("./is"), module.exports);
+__reExport(elements_exports, require("./SwcSubTemplates"), module.exports);
+__reExport(elements_exports, require("./SwcLoop"), module.exports);
+__reExport(elements_exports, require("./SwcIf"), module.exports);
+__reExport(elements_exports, require("./SwcChoose"), module.exports);
+__reExport(elements_exports, require("./SwcAsync"), module.exports);
+__reExport(elements_exports, require("./SwcApp"), module.exports);
+__reExport(elements_exports, require("./SwcAppEngine"), module.exports);
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/elements/index.ts"],
-  "sourcesContent": ["// import {SwcHTMLElement} from \"./SwcHTMLElement\";\n\nexport * from './is'"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAEA,6BAAc,iBAFd;",
+  "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;AAAA;AAAA,6BAAc,iBAAd;AACA,6BAAc,8BADd;AAEA,6BAAc,sBAFd;AAGA,6BAAc,oBAHd;AAIA,6BAAc,wBAJd;AAKA,6BAAc,uBALd;AAMA,6BAAc,qBANd;AAOA,6BAAc,2BAPd;",
   "names": []
 }

package/dist/cjs/index.js

@@ -2,6 +2,10 @@ 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))
@@ -13,18 +17,24 @@ var __copyProps = (to, from, except, desc) => {
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var src_exports = {};
+__export(src_exports, {
+  innerHtml: () => import_onConnectedInnerHtml.onConnectedInnerHtml
+});
 module.exports = __toCommonJS(src_exports);
 var import_reflect_metadata = require("reflect-metadata");
 __reExport(src_exports, require("./decorators/elementDefine"), module.exports);
 __reExport(src_exports, require("./decorators/setAttribute"), module.exports);
 __reExport(src_exports, require("./decorators/changedAttribute"), module.exports);
-__reExport(src_exports, require("./decorators/innerHtml"), module.exports);
+__reExport(src_exports, require("./decorators/onConnectedInnerHtml"), module.exports);
+var import_onConnectedInnerHtml = require("./decorators/onConnectedInnerHtml");
+__reExport(src_exports, require("./decorators/replaceChildren"), module.exports);
+__reExport(src_exports, require("./decorators/appendChild"), module.exports);
 __reExport(src_exports, require("./decorators/emitCustomEvent"), module.exports);
 __reExport(src_exports, require("./decorators/lifecycles"), module.exports);
 __reExport(src_exports, require("./decorators/query"), module.exports);
 __reExport(src_exports, require("./decorators/queryAll"), module.exports);
 __reExport(src_exports, require("./decorators/addEventListener"), module.exports);
 __reExport(src_exports, require("./types"), module.exports);
-__reExport(src_exports, require("./elements/is"), module.exports);
+__reExport(src_exports, require("./elements"), module.exports);
 __reExport(src_exports, require("./utils/Utils"), module.exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "sourcesContent": ["import 'reflect-metadata';\n\n// Decorators\nexport * from './decorators/elementDefine';\nexport * from './decorators/setAttribute';\nexport * from './decorators/changedAttribute';\nexport * from './decorators/innerHtml';\nexport * from './decorators/emitCustomEvent';\nexport * from './decorators/lifecycles';\nexport * from './decorators/query';\nexport * from './decorators/queryAll';\nexport * from './decorators/addEventListener';\n\n// Types\nexport * from './types';\n\n// Apps (Customized Built-in Elements)\nexport * from './elements/is';\n\n// Utilities\nexport * from './utils/Utils';\n"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA,8BAAO;AAGP,wBAAc,uCAHd;AAIA,wBAAc,sCAJd;AAKA,wBAAc,0CALd;AAMA,wBAAc,mCANd;AAOA,wBAAc,yCAPd;AAQA,wBAAc,oCARd;AASA,wBAAc,+BATd;AAUA,wBAAc,kCAVd;AAWA,wBAAc,0CAXd;AAcA,wBAAc,oBAdd;AAiBA,wBAAc,0BAjBd;AAoBA,wBAAc,0BApBd;",
+  "sourcesContent": ["import 'reflect-metadata';\n\n// Decorators\nexport * from './decorators/elementDefine';\nexport * from './decorators/setAttribute';\nexport * from './decorators/changedAttribute';\nexport * from './decorators/onConnectedInnerHtml';\nexport { onConnectedInnerHtml as innerHtml } from './decorators/onConnectedInnerHtml';\nexport * from './decorators/replaceChildren';\nexport * from './decorators/appendChild';\nexport * from './decorators/emitCustomEvent';\nexport * from './decorators/lifecycles';\nexport * from './decorators/query';\nexport * from './decorators/queryAll';\nexport * from './decorators/addEventListener';\n\n// Types\nexport * from './types';\n\n// Apps (Customized Built-in Elements)\nexport * from './elements';\n\n// Utilities\nexport * from './utils/Utils';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAAO;AAGP,wBAAc,uCAHd;AAIA,wBAAc,sCAJd;AAKA,wBAAc,0CALd;AAMA,wBAAc,8CANd;AAOA,kCAAkD;AAClD,wBAAc,yCARd;AASA,wBAAc,qCATd;AAUA,wBAAc,yCAVd;AAWA,wBAAc,oCAXd;AAYA,wBAAc,+BAZd;AAaA,wBAAc,kCAbd;AAcA,wBAAc,0CAdd;AAiBA,wBAAc,oBAjBd;AAoBA,wBAAc,uBApBd;AAuBA,wBAAc,0BAvBd;",
   "names": []
 }

package/dist/cjs/types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/types.ts"],
-  "sourcesContent": ["import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';\nimport { Router } from '@dooboostore/core-web/routers/Router';\n\nexport enum InjectSituationType {\n  HOST_SET = 'SIMPLE_WEB_COMPONENT://HOSTSET',\n  APP_HOST = 'SIMPLE_WEB_COMPONENT://APPHOST',\n  APP_HOSTS = 'SIMPLE_WEB_COMPONENT://APPHOSTS',\n  HOST = 'SIMPLE_WEB_COMPONENT://HOST',\n  PARENT_HOST = 'SIMPLE_WEB_COMPONENT://PARENTHOST',\n  HOSTS = 'SIMPLE_WEB_COMPONENT://HOSTS',\n  FIRST_HOST = 'SIMPLE_WEB_COMPONENT://FIRSTHOST',\n  LAST_HOST = 'SIMPLE_WEB_COMPONENT://LASTHOST',\n  FIRST_APP_HOST = 'SIMPLE_WEB_COMPONENT://FIRSTAPPHOST',\n  LAST_APP_HOST = 'SIMPLE_WEB_COMPONENT://LASTAPPHOST'\n}\n\nexport type HostSet = {\n  $host: HTMLElement; // Current component itself\n  $parentHost: HTMLElement | null; // Nearest parent SWC component\n  $hosts: HTMLElement[]; // [self, parent, ..., top]\n  $firstHost: HTMLElement | null; // Top-most SWC ancestor\n  $lastHost: HTMLElement | null; // Same as $parentHost (for backward compatibility or clarity)\n  $appHost: SwcAppInterface | null;\n  $appHosts: SwcAppInterface[];\n  $firstAppHost: SwcAppInterface | null;\n  $lastAppHost: SwcAppInterface | null;\n};\n\nexport interface SwcAppInterface extends HTMLElement {\n  simpleApplication?: SimpleApplication;\n  router?: Router;\n  routing(path: string): Promise<void>;\n}\n"],
+  "sourcesContent": ["import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';\nimport { Router } from '@dooboostore/core-web/routers/Router';\n\nexport enum InjectSituationType {\n  HOST_SET = 'SIMPLE_WEB_COMPONENT://HOSTSET',\n  APP_HOST = 'SIMPLE_WEB_COMPONENT://APPHOST',\n  APP_HOSTS = 'SIMPLE_WEB_COMPONENT://APPHOSTS',\n  HOST = 'SIMPLE_WEB_COMPONENT://HOST',\n  PARENT_HOST = 'SIMPLE_WEB_COMPONENT://PARENTHOST',\n  HOSTS = 'SIMPLE_WEB_COMPONENT://HOSTS',\n  FIRST_HOST = 'SIMPLE_WEB_COMPONENT://FIRSTHOST',\n  LAST_HOST = 'SIMPLE_WEB_COMPONENT://LASTHOST',\n  FIRST_APP_HOST = 'SIMPLE_WEB_COMPONENT://FIRSTAPPHOST',\n  LAST_APP_HOST = 'SIMPLE_WEB_COMPONENT://LASTAPPHOST'\n}\nexport type HelperSet = {\n  $d: Document;\n  $w: Window;\n  $q: (selector: string,  root?: Element | Document | ShadowRoot) => HTMLElement | null;\n  $qa: (selector: string,  root?: Element | Document | ShadowRoot) => HTMLElement[];\n  $qi: (selector: string,  root?: Element | Document | ShadowRoot) => HTMLElement | null;\n}\nexport type HostSet = {\n  $host: HTMLElement; // Current component itself\n  $parentHost: HTMLElement | null; // Nearest parent SWC component\n  $hosts: HTMLElement[]; // [self, parent, ..., top]\n  $firstHost: HTMLElement | null; // Top-most SWC ancestor\n  $lastHost: HTMLElement | null; // Same as $parentHost (for backward compatibility or clarity)\n  $appHost: SwcAppInterface | null;\n  $appHosts: SwcAppInterface[];\n  $firstAppHost: SwcAppInterface | null;\n  $lastAppHost: SwcAppInterface | null;\n};\n\nexport type HelperHostSet = HelperSet & HostSet;\n\nexport interface SwcAppInterface extends HTMLElement {\n  simpleApplication?: SimpleApplication;\n  router?: Router;\n  routing(path: string): Promise<void>;\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGO,IAAK,sBAAL,kBAAKA,yBAAL;AACL,EAAAA,qBAAA,cAAW;AACX,EAAAA,qBAAA,cAAW;AACX,EAAAA,qBAAA,eAAY;AACZ,EAAAA,qBAAA,UAAO;AACP,EAAAA,qBAAA,iBAAc;AACd,EAAAA,qBAAA,WAAQ;AACR,EAAAA,qBAAA,gBAAa;AACb,EAAAA,qBAAA,eAAY;AACZ,EAAAA,qBAAA,oBAAiB;AACjB,EAAAA,qBAAA,mBAAgB;AAVN,SAAAA;AAAA,GAAA;",
   "names": ["InjectSituationType"]
 }