@dooboostore/simple-web-component 1.0.19 → 1.0.22

package/dist/cjs/elements/SwcAppMixin.js

@@ -34,7 +34,34 @@ function SwcAppMixin(Base) {
       return this.__swc_engine.router;
     }
     async connect(config) {
-      await this.__swc_engine.connect(config);
+      const mode = config?.connectMode || "direct";
+      if (mode !== "swap") {
+        await this.__swc_engine.connect(config);
+        this.setAttribute("swc-connect-mode", "direct");
+        return;
+      }
+      const parent = this.parentNode;
+      if (!parent) {
+        await this.__swc_engine.connect(config);
+        this.setAttribute("swc-connect-mode", "direct");
+        return;
+      }
+      const clonedApp = this.cloneNode(true);
+      clonedApp.style.display = "none";
+      parent.insertBefore(clonedApp, this.nextSibling);
+      try {
+        await clonedApp.connect({ ...config || {}, connectMode: "direct" });
+        if (this.parentNode) {
+          this.parentNode.removeChild(this);
+        }
+        clonedApp.setAttribute("swc-connect-mode", "swap");
+        clonedApp.style.display = "";
+      } catch (e) {
+        if (clonedApp.parentNode) {
+          clonedApp.parentNode.removeChild(clonedApp);
+        }
+        throw e;
+      }
     }
     connectedCallback() {
       if (super.connectedCallback) super.connectedCallback();

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/elements/SwcAppMixin.ts"],
-  "sourcesContent": ["import { SwcAppEngine, SwcAttributeConfigType } from './SwcAppEngine';\n\nexport function SwcAppMixin<T extends { new (...args: any[]): HTMLElement }>(Base: T) {\n  return class extends Base {\n    __swc_engine = new SwcAppEngine(this as any);\n\n    get simpleApplication() {\n      return this.__swc_engine.simpleApplication;\n    }\n    get router() {\n      return this.__swc_engine.router;\n    }\n\n    async connect(config?: SwcAttributeConfigType) {\n      await this.__swc_engine.connect(config);\n    }\n\n    connectedCallback() {\n      // @ts-ignore\n      if (super.connectedCallback) super.connectedCallback();\n      this.connect();\n    }\n\n    disconnectedCallback() {\n      // @ts-ignore\n      if (super.disconnectedCallback) super.disconnectedCallback();\n      this.__swc_engine.disconnect();\n    }\n\n    async routing(path: string) {\n      await this.__swc_engine.router?.go(path);\n    }\n  };\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAqD;AAE9C,SAAS,YAA6D,MAAS;AACpF,SAAO,cAAc,KAAK;AAAA,IAAnB;AAAA;AACL,0BAAe,IAAI,iCAAa,IAAW;AAAA;AAAA,IAE3C,IAAI,oBAAoB;AACtB,aAAO,KAAK,aAAa;AAAA,IAC3B;AAAA,IACA,IAAI,SAAS;AACX,aAAO,KAAK,aAAa;AAAA,IAC3B;AAAA,IAEA,MAAM,QAAQ,QAAiC;AAC7C,YAAM,KAAK,aAAa,QAAQ,MAAM;AAAA,IACxC;AAAA,IAEA,oBAAoB;AAElB,UAAI,MAAM,kBAAmB,OAAM,kBAAkB;AACrD,WAAK,QAAQ;AAAA,IACf;AAAA,IAEA,uBAAuB;AAErB,UAAI,MAAM,qBAAsB,OAAM,qBAAqB;AAC3D,WAAK,aAAa,WAAW;AAAA,IAC/B;AAAA,IAEA,MAAM,QAAQ,MAAc;AAC1B,YAAM,KAAK,aAAa,QAAQ,GAAG,IAAI;AAAA,IACzC;AAAA,EACF;AACF;",
+  "sourcesContent": ["import { SwcAppEngine, SwcAttributeConfigType } from './SwcAppEngine';\nimport {SwcAppInterface} from \"../types\";\n\nexport function SwcAppMixin<T extends { new (...args: any[]): HTMLElement }>(Base: T) {\n  return class extends Base implements SwcAppInterface{\n    __swc_engine = new SwcAppEngine(this as any);\n\n    get simpleApplication() {\n      return this.__swc_engine.simpleApplication;\n    }\n    get router() {\n      return this.__swc_engine.router;\n    }\n\n    async connect(config?: SwcAttributeConfigType) {\n      const mode = config?.connectMode || 'direct';\n\n      if (mode !== 'swap') {\n        await this.__swc_engine.connect(config);\n        this.setAttribute('swc-connect-mode', 'direct');\n        return;\n      }\n\n      const parent = this.parentNode;\n      if (!parent) {\n        await this.__swc_engine.connect(config);\n        this.setAttribute('swc-connect-mode', 'direct');\n        return;\n      }\n\n      const clonedApp = this.cloneNode(true) as any;\n      clonedApp.style.display = 'none';\n      parent.insertBefore(clonedApp, this.nextSibling);\n\n      try {\n        await clonedApp.connect({ ...(config || {}), connectMode: 'direct' });\n        if (this.parentNode) {\n          this.parentNode.removeChild(this);\n        }\n        clonedApp.setAttribute('swc-connect-mode', 'swap');\n        clonedApp.style.display = '';\n      } catch (e) {\n        if (clonedApp.parentNode) {\n          clonedApp.parentNode.removeChild(clonedApp);\n        }\n        throw e;\n      }\n    }\n\n    connectedCallback() {\n      // @ts-ignore\n      if (super.connectedCallback) super.connectedCallback();\n      this.connect();\n    }\n\n    disconnectedCallback() {\n      // @ts-ignore\n      if (super.disconnectedCallback) super.disconnectedCallback();\n      this.__swc_engine.disconnect();\n    }\n\n    async routing(path: string) {\n      await this.__swc_engine.router?.go(path);\n    }\n  };\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAqD;AAG9C,SAAS,YAA6D,MAAS;AACpF,SAAO,cAAc,KAA+B;AAAA,IAA7C;AAAA;AACL,0BAAe,IAAI,iCAAa,IAAW;AAAA;AAAA,IAE3C,IAAI,oBAAoB;AACtB,aAAO,KAAK,aAAa;AAAA,IAC3B;AAAA,IACA,IAAI,SAAS;AACX,aAAO,KAAK,aAAa;AAAA,IAC3B;AAAA,IAEA,MAAM,QAAQ,QAAiC;AAC7C,YAAM,OAAO,QAAQ,eAAe;AAEpC,UAAI,SAAS,QAAQ;AACnB,cAAM,KAAK,aAAa,QAAQ,MAAM;AACtC,aAAK,aAAa,oBAAoB,QAAQ;AAC9C;AAAA,MACF;AAEA,YAAM,SAAS,KAAK;AACpB,UAAI,CAAC,QAAQ;AACX,cAAM,KAAK,aAAa,QAAQ,MAAM;AACtC,aAAK,aAAa,oBAAoB,QAAQ;AAC9C;AAAA,MACF;AAEA,YAAM,YAAY,KAAK,UAAU,IAAI;AACrC,gBAAU,MAAM,UAAU;AAC1B,aAAO,aAAa,WAAW,KAAK,WAAW;AAE/C,UAAI;AACF,cAAM,UAAU,QAAQ,EAAE,GAAI,UAAU,CAAC,GAAI,aAAa,SAAS,CAAC;AACpE,YAAI,KAAK,YAAY;AACnB,eAAK,WAAW,YAAY,IAAI;AAAA,QAClC;AACA,kBAAU,aAAa,oBAAoB,MAAM;AACjD,kBAAU,MAAM,UAAU;AAAA,MAC5B,SAAS,GAAG;AACV,YAAI,UAAU,YAAY;AACxB,oBAAU,WAAW,YAAY,SAAS;AAAA,QAC5C;AACA,cAAM;AAAA,MACR;AAAA,IACF;AAAA,IAEA,oBAAoB;AAElB,UAAI,MAAM,kBAAmB,OAAM,kBAAkB;AACrD,WAAK,QAAQ;AAAA,IACf;AAAA,IAEA,uBAAuB;AAErB,UAAI,MAAM,qBAAsB,OAAM,qBAAqB;AAC3D,WAAK,aAAa,WAAW;AAAA,IAC/B;AAAA,IAEA,MAAM,QAAQ,MAAc;AAC1B,YAAM,KAAK,aAAa,QAAQ,GAAG,IAAI;AAAA,IACzC;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/cjs/elements/SwcAsync.js

@@ -20,9 +20,9 @@ __export(SwcAsync_exports, {
   SwcAsync: () => SwcAsync
 });
 module.exports = __toCommonJS(SwcAsync_exports);
-var import_changedAttribute = require("../decorators/changedAttribute");
+var import_changedAttributeHost = require("../decorators/changedAttributeHost");
 var import_Utils = require("../utils/Utils");
-var import_FunctionUtils = require("@dooboostore/core/function/FunctionUtils");
+var import_core = require("@dooboostore/core");
 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);
@@ -43,7 +43,7 @@ class SwcAsync extends HTMLTemplateElement {
     if (!portalScript)
       return this.parentElement;
     const win = this.ownerDocument?.defaultView || window;
-    const res = import_FunctionUtils.FunctionUtils.executeReturn({
+    const res = import_core.FunctionUtils.executeReturn({
       script: portalScript,
       context: this,
       args: import_Utils.SwcUtils.getHelperAndHostSet(win, this)
@@ -58,14 +58,14 @@ class SwcAsync extends HTMLTemplateElement {
     const script = this.getAttribute(attr);
     if (!script)
       return;
-    import_FunctionUtils.FunctionUtils.execute({ script, context: this, args });
+    import_core.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) });
+    const result = import_core.FunctionUtils.executeReturn({ script, context: this, args: import_Utils.SwcUtils.getHelperAndHostSet(win, this) });
     if (result instanceof Promise) {
       this.render("loading");
       result.then((v) => {
@@ -115,7 +115,7 @@ class SwcAsync extends HTMLTemplateElement {
   }
 }
 __decorate([
-  (0, import_changedAttribute.changedAttribute)("on-get-value"),
+  (0, import_changedAttributeHost.changedAttributeHost)("on-get-value"),
   __metadata("design:type", Function),
   __metadata("design:paramtypes", []),
   __metadata("design:returntype", void 0)

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/elements/SwcAsync.ts"],
-  "sourcesContent": ["import { changedAttribute } from '../decorators/changedAttribute';\nimport { SwcUtils } from '../utils/Utils';\nimport { FunctionUtils } from '@dooboostore/core/function/FunctionUtils';\n\nexport class SwcAsync extends HTMLTemplateElement {\n  private _nodes: Node[] = [];\n  private _value: any = null;\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  @changedAttribute('on-get-value')\n  private refresh() {\n    const script = this.getAttribute('on-get-value');\n    if (!script) return;\n    const win = this.ownerDocument?.defaultView || window;\n    const result = FunctionUtils.executeReturn({ script, context: this, args: SwcUtils.getHelperAndHostSet(win, this) });\n\n    if (result instanceof Promise) {\n      this.render('loading');\n      result\n        .then(v => {\n          this._value = v;\n          this.render('success');\n        })\n        .catch(e => this.render('error'));\n    } else {\n      this._value = result;\n      this.render('success');\n    }\n  }\n\n  private render(state: string) {\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\n    const t = this.content.querySelector(`template[is=\"swc-${state}\"]`) as HTMLTemplateElement;\n    if (t) {\n      const clone = t.content.cloneNode(true) as DocumentFragment;\n      this._nodes = Array.from(clone.childNodes);\n      const elements = this._nodes.filter(n => n.nodeType === 1) as HTMLElement[];\n      const groupArgs = { ...helperSet, $value: this._value, $nodes: this._nodes, $elements: elements, $firstElement: elements[0], $state: state };\n\n      this._nodes.forEach((n, nodeIdx) => {\n        if (n instanceof HTMLElement) (n as any).__swc_host = this;\n        this._executeCloneCallback('on-clone-node', { ...groupArgs, $node: n, $nodeIndex: nodeIdx, $isElement: n.nodeType === 1 });\n      });\n\n      this._executeCloneCallback('on-clone-nodes', groupArgs);\n\n      if (portal === this.parentElement) {\n        portal.insertBefore(clone, this.nextSibling);\n      } else {\n        portal.appendChild(clone);\n      }\n    }\n  }\n\n  private cleanup() {\n    this._nodes.forEach(n => n.parentElement?.removeChild(n));\n    this._nodes = [];\n  }\n\n  connectedCallback() {\n    this.refresh();\n  }\n  disconnectedCallback() {\n    this.cleanup();\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,8BAAiC;AACjC,mBAAyB;AACzB,2BAA8B;;;;;;;;;;AAExB,MAAO,iBAAiB,oBAAmB;EAAjD,cAAA;;AACU,SAAA,SAAiB,CAAA;AACjB,SAAA,SAAc;EAsFxB;EApFU,iBAAc;AACpB,UAAM,eAAe,KAAK,aAAa,eAAe;AACtD,QAAI,CAAC;AAAc,aAAO,KAAK;AAE/B,UAAM,MAAM,KAAK,eAAe,eAAe;AAC/C,UAAM,MAAM,mCAAc,cAAc;MACtC,QAAQ;MACR,SAAS;MACT,MAAM,sBAAS,oBAAoB,KAAK,IAAI;KAC7C;AAED,QAAI,eAAe;AAAa,aAAO;AACvC,QAAI,OAAO,QAAQ;AAAU,aAAO,IAAI,SAAS,cAAc,GAAG;AAClE,WAAO,KAAK;EACd;EAEQ,sBAAsB,MAAc,MAAS;AACnD,UAAM,SAAS,KAAK,aAAa,IAAI;AACrC,QAAI,CAAC;AAAQ;AACb,uCAAc,QAAQ,EAAE,QAAQ,SAAS,MAAM,KAAI,CAAE;EACvD;EAGQ,UAAO;AACb,UAAM,SAAS,KAAK,aAAa,cAAc;AAC/C,QAAI,CAAC;AAAQ;AACb,UAAM,MAAM,KAAK,eAAe,eAAe;AAC/C,UAAM,SAAS,mCAAc,cAAc,EAAE,QAAQ,SAAS,MAAM,MAAM,sBAAS,oBAAoB,KAAK,IAAI,EAAC,CAAE;AAEnH,QAAI,kBAAkB,SAAS;AAC7B,WAAK,OAAO,SAAS;AACrB,aACG,KAAK,OAAI;AACR,aAAK,SAAS;AACd,aAAK,OAAO,SAAS;MACvB,CAAC,EACA,MAAM,OAAK,KAAK,OAAO,OAAO,CAAC;IACpC,OAAO;AACL,WAAK,SAAS;AACd,WAAK,OAAO,SAAS;IACvB;EACF;EAEQ,OAAO,OAAa;AAC1B,SAAK,QAAO;AACZ,UAAM,SAAS,KAAK,eAAc;AAClC,QAAI,CAAC;AAAQ;AAEb,UAAM,MAAM,KAAK,eAAe,eAAe;AAC/C,UAAM,YAAY,sBAAS,oBAAoB,KAAK,IAAI;AAExD,UAAM,IAAI,KAAK,QAAQ,cAAc,oBAAoB,KAAK,IAAI;AAClE,QAAI,GAAG;AACL,YAAM,QAAQ,EAAE,QAAQ,UAAU,IAAI;AACtC,WAAK,SAAS,MAAM,KAAK,MAAM,UAAU;AACzC,YAAM,WAAW,KAAK,OAAO,OAAO,OAAK,EAAE,aAAa,CAAC;AACzD,YAAM,YAAY,EAAE,GAAG,WAAW,QAAQ,KAAK,QAAQ,QAAQ,KAAK,QAAQ,WAAW,UAAU,eAAe,SAAS,CAAC,GAAG,QAAQ,MAAK;AAE1I,WAAK,OAAO,QAAQ,CAAC,GAAG,YAAW;AACjC,YAAI,aAAa;AAAc,YAAU,aAAa;AACtD,aAAK,sBAAsB,iBAAiB,EAAE,GAAG,WAAW,OAAO,GAAG,YAAY,SAAS,YAAY,EAAE,aAAa,EAAC,CAAE;MAC3H,CAAC;AAED,WAAK,sBAAsB,kBAAkB,SAAS;AAEtD,UAAI,WAAW,KAAK,eAAe;AACjC,eAAO,aAAa,OAAO,KAAK,WAAW;MAC7C,OAAO;AACL,eAAO,YAAY,KAAK;MAC1B;IACF;EACF;EAEQ,UAAO;AACb,SAAK,OAAO,QAAQ,OAAK,EAAE,eAAe,YAAY,CAAC,CAAC;AACxD,SAAK,SAAS,CAAA;EAChB;EAEA,oBAAiB;AACf,SAAK,QAAO;EACd;EACA,uBAAoB;AAClB,SAAK,QAAO;EACd;;AA5DQ,WAAA;MADP,0CAAiB,cAAc;;;;;",
+  "sourcesContent": ["import { changedAttributeHost } from '../decorators/changedAttributeHost';\nimport { SwcUtils } from '../utils/Utils';\nimport { FunctionUtils } from '@dooboostore/core';\n\nexport class SwcAsync extends HTMLTemplateElement {\n  private _nodes: Node[] = [];\n  private _value: any = null;\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  @changedAttributeHost('on-get-value')\n  private refresh() {\n    const script = this.getAttribute('on-get-value');\n    if (!script) return;\n    const win = this.ownerDocument?.defaultView || window;\n    const result = FunctionUtils.executeReturn({ script, context: this, args: SwcUtils.getHelperAndHostSet(win, this) });\n\n    if (result instanceof Promise) {\n      this.render('loading');\n      result\n        .then(v => {\n          this._value = v;\n          this.render('success');\n        })\n        .catch(e => this.render('error'));\n    } else {\n      this._value = result;\n      this.render('success');\n    }\n  }\n\n  private render(state: string) {\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\n    const t = this.content.querySelector(`template[is=\"swc-${state}\"]`) as HTMLTemplateElement;\n    if (t) {\n      const clone = t.content.cloneNode(true) as DocumentFragment;\n      this._nodes = Array.from(clone.childNodes);\n      const elements = this._nodes.filter(n => n.nodeType === 1) as HTMLElement[];\n      const groupArgs = { ...helperSet, $value: this._value, $nodes: this._nodes, $elements: elements, $firstElement: elements[0], $state: state };\n\n      this._nodes.forEach((n, nodeIdx) => {\n        if (n instanceof HTMLElement) (n as any).__swc_host = this;\n        this._executeCloneCallback('on-clone-node', { ...groupArgs, $node: n, $nodeIndex: nodeIdx, $isElement: n.nodeType === 1 });\n      });\n\n      this._executeCloneCallback('on-clone-nodes', groupArgs);\n\n      if (portal === this.parentElement) {\n        portal.insertBefore(clone, this.nextSibling);\n      } else {\n        portal.appendChild(clone);\n      }\n    }\n  }\n\n  private cleanup() {\n    this._nodes.forEach(n => n.parentElement?.removeChild(n));\n    this._nodes = [];\n  }\n\n  connectedCallback() {\n    this.refresh();\n  }\n  disconnectedCallback() {\n    this.cleanup();\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,kCAAqC;AACrC,mBAAyB;AACzB,kBAA8B;;;;;;;;;;AAExB,MAAO,iBAAiB,oBAAmB;EAAjD,cAAA;;AACU,SAAA,SAAiB,CAAA;AACjB,SAAA,SAAc;EAsFxB;EApFU,iBAAc;AACpB,UAAM,eAAe,KAAK,aAAa,eAAe;AACtD,QAAI,CAAC;AAAc,aAAO,KAAK;AAE/B,UAAM,MAAM,KAAK,eAAe,eAAe;AAC/C,UAAM,MAAM,0BAAc,cAAc;MACtC,QAAQ;MACR,SAAS;MACT,MAAM,sBAAS,oBAAoB,KAAK,IAAI;KAC7C;AAED,QAAI,eAAe;AAAa,aAAO;AACvC,QAAI,OAAO,QAAQ;AAAU,aAAO,IAAI,SAAS,cAAc,GAAG;AAClE,WAAO,KAAK;EACd;EAEQ,sBAAsB,MAAc,MAAS;AACnD,UAAM,SAAS,KAAK,aAAa,IAAI;AACrC,QAAI,CAAC;AAAQ;AACb,8BAAc,QAAQ,EAAE,QAAQ,SAAS,MAAM,KAAI,CAAE;EACvD;EAGQ,UAAO;AACb,UAAM,SAAS,KAAK,aAAa,cAAc;AAC/C,QAAI,CAAC;AAAQ;AACb,UAAM,MAAM,KAAK,eAAe,eAAe;AAC/C,UAAM,SAAS,0BAAc,cAAc,EAAE,QAAQ,SAAS,MAAM,MAAM,sBAAS,oBAAoB,KAAK,IAAI,EAAC,CAAE;AAEnH,QAAI,kBAAkB,SAAS;AAC7B,WAAK,OAAO,SAAS;AACrB,aACG,KAAK,OAAI;AACR,aAAK,SAAS;AACd,aAAK,OAAO,SAAS;MACvB,CAAC,EACA,MAAM,OAAK,KAAK,OAAO,OAAO,CAAC;IACpC,OAAO;AACL,WAAK,SAAS;AACd,WAAK,OAAO,SAAS;IACvB;EACF;EAEQ,OAAO,OAAa;AAC1B,SAAK,QAAO;AACZ,UAAM,SAAS,KAAK,eAAc;AAClC,QAAI,CAAC;AAAQ;AAEb,UAAM,MAAM,KAAK,eAAe,eAAe;AAC/C,UAAM,YAAY,sBAAS,oBAAoB,KAAK,IAAI;AAExD,UAAM,IAAI,KAAK,QAAQ,cAAc,oBAAoB,KAAK,IAAI;AAClE,QAAI,GAAG;AACL,YAAM,QAAQ,EAAE,QAAQ,UAAU,IAAI;AACtC,WAAK,SAAS,MAAM,KAAK,MAAM,UAAU;AACzC,YAAM,WAAW,KAAK,OAAO,OAAO,OAAK,EAAE,aAAa,CAAC;AACzD,YAAM,YAAY,EAAE,GAAG,WAAW,QAAQ,KAAK,QAAQ,QAAQ,KAAK,QAAQ,WAAW,UAAU,eAAe,SAAS,CAAC,GAAG,QAAQ,MAAK;AAE1I,WAAK,OAAO,QAAQ,CAAC,GAAG,YAAW;AACjC,YAAI,aAAa;AAAc,YAAU,aAAa;AACtD,aAAK,sBAAsB,iBAAiB,EAAE,GAAG,WAAW,OAAO,GAAG,YAAY,SAAS,YAAY,EAAE,aAAa,EAAC,CAAE;MAC3H,CAAC;AAED,WAAK,sBAAsB,kBAAkB,SAAS;AAEtD,UAAI,WAAW,KAAK,eAAe;AACjC,eAAO,aAAa,OAAO,KAAK,WAAW;MAC7C,OAAO;AACL,eAAO,YAAY,KAAK;MAC1B;IACF;EACF;EAEQ,UAAO;AACb,SAAK,OAAO,QAAQ,OAAK,EAAE,eAAe,YAAY,CAAC,CAAC;AACxD,SAAK,SAAS,CAAA;EAChB;EAEA,oBAAiB;AACf,SAAK,QAAO;EACd;EACA,uBAAoB;AAClB,SAAK,QAAO;EACd;;AA5DQ,WAAA;MADP,kDAAqB,cAAc;;;;;",
   "names": []
 }

package/dist/cjs/elements/SwcChoose.js

@@ -20,9 +20,9 @@ __export(SwcChoose_exports, {
   SwcChoose: () => SwcChoose
 });
 module.exports = __toCommonJS(SwcChoose_exports);
-var import_changedAttribute = require("../decorators/changedAttribute");
+var import_changedAttributeHost = require("../decorators/changedAttributeHost");
 var import_Utils = require("../utils/Utils");
-var import_FunctionUtils = require("@dooboostore/core/function/FunctionUtils");
+var import_core = require("@dooboostore/core");
 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);
@@ -50,7 +50,7 @@ class SwcChoose extends HTMLTemplateElement {
     if (!portalScript)
       return this.parentElement;
     const win = this.ownerDocument?.defaultView || window;
-    const res = import_FunctionUtils.FunctionUtils.executeReturn({
+    const res = import_core.FunctionUtils.executeReturn({
       script: portalScript,
       context: this,
       args: import_Utils.SwcUtils.getHelperAndHostSet(win, this)
@@ -65,7 +65,7 @@ class SwcChoose extends HTMLTemplateElement {
     const script = this.getAttribute(attr);
     if (!script)
       return;
-    import_FunctionUtils.FunctionUtils.execute({ script, context: this, args });
+    import_core.FunctionUtils.execute({ script, context: this, args });
   }
   refresh() {
     const script = this.getAttribute("on-get-value");
@@ -74,7 +74,7 @@ class SwcChoose extends HTMLTemplateElement {
       return;
     }
     const win = this.ownerDocument?.defaultView || window;
-    const result = import_FunctionUtils.FunctionUtils.executeReturn({ script, context: this, args: import_Utils.SwcUtils.getHelperAndHostSet(win, this) });
+    const result = import_core.FunctionUtils.executeReturn({ script, context: this, args: import_Utils.SwcUtils.getHelperAndHostSet(win, this) });
     this.value = result;
   }
   render() {
@@ -123,7 +123,7 @@ class SwcChoose extends HTMLTemplateElement {
   }
 }
 __decorate([
-  (0, import_changedAttribute.changedAttribute)("on-get-value"),
+  (0, import_changedAttributeHost.changedAttributeHost)("on-get-value"),
   __metadata("design:type", Function),
   __metadata("design:paramtypes", []),
   __metadata("design:returntype", void 0)

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/elements/SwcChoose.ts"],
-  "sourcesContent": ["import { changedAttribute } from '../decorators/changedAttribute';\nimport { SwcUtils } from '../utils/Utils';\nimport { FunctionUtils } from '@dooboostore/core/function/FunctionUtils';\n\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  set value(nv: any) {\n    this._value = 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  @changedAttribute('on-get-value')\n  private refresh() {\n    const script = this.getAttribute('on-get-value');\n    if (!script) {\n      this.value = null;\n      return;\n    }\n    const win = this.ownerDocument?.defaultView || window;\n    const result = FunctionUtils.executeReturn({ script, context: this, args: SwcUtils.getHelperAndHostSet(win, this) });\n    this.value = result;\n  }\n\n  private 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\n    const templates = Array.from(this.content.querySelectorAll('template'));\n    let selected: HTMLTemplateElement | null = null;\n    for (const t of templates) {\n      if (t.getAttribute('is') === 'swc-when' && String(t.getAttribute('value')) === String(this._value)) {\n        selected = t;\n        break;\n      }\n    }\n    const target = selected || (this.content.querySelector('template[is=\"swc-otherwise\"]') as HTMLTemplateElement);\n\n    if (target) {\n      const clone = target.content.cloneNode(true) as DocumentFragment;\n      this._nodes = Array.from(clone.childNodes);\n      const elements = this._nodes.filter(n => n.nodeType === 1) as HTMLElement[];\n      const groupArgs = { ...helperSet, $value: this._value, $nodes: this._nodes, $elements: elements, $firstElement: elements[0] };\n\n      this._nodes.forEach((n, nodeIdx) => {\n        if (n instanceof HTMLElement) (n as any).__swc_host = this;\n        this._executeCloneCallback('on-clone-node', { ...groupArgs, $node: n, $nodeIndex: nodeIdx, $isElement: n.nodeType === 1 });\n      });\n\n      this._executeCloneCallback('on-clone-nodes', groupArgs);\n\n      if (portal === this.parentElement) {\n        portal.insertBefore(clone, this.nextSibling);\n      } else {\n        portal.appendChild(clone);\n      }\n    }\n  }\n\n  private cleanup() {\n    this._nodes.forEach(n => n.parentElement?.removeChild(n));\n    this._nodes = [];\n  }\n\n  connectedCallback() {\n    this.refresh();\n  }\n  disconnectedCallback() {\n    this.cleanup();\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,8BAAiC;AACjC,mBAAyB;AACzB,2BAA8B;;;;;;;;;;AAExB,MAAO,kBAAkB,oBAAmB;EAAlD,cAAA;;AACU,SAAA,SAAiB,CAAA;AACjB,SAAA,SAAc;EA8FxB;EA5FE,IAAI,QAAK;AACP,WAAO,KAAK;EACd;EACA,IAAI,MAAM,IAAO;AACf,SAAK,SAAS;AACd,SAAK,OAAM;EACb;EAEQ,iBAAc;AACpB,UAAM,eAAe,KAAK,aAAa,eAAe;AACtD,QAAI,CAAC;AAAc,aAAO,KAAK;AAE/B,UAAM,MAAM,KAAK,eAAe,eAAe;AAC/C,UAAM,MAAM,mCAAc,cAAc;MACtC,QAAQ;MACR,SAAS;MACT,MAAM,sBAAS,oBAAoB,KAAK,IAAI;KAC7C;AAED,QAAI,eAAe;AAAa,aAAO;AACvC,QAAI,OAAO,QAAQ;AAAU,aAAO,IAAI,SAAS,cAAc,GAAG;AAClE,WAAO,KAAK;EACd;EAEQ,sBAAsB,MAAc,MAAS;AACnD,UAAM,SAAS,KAAK,aAAa,IAAI;AACrC,QAAI,CAAC;AAAQ;AACb,uCAAc,QAAQ,EAAE,QAAQ,SAAS,MAAM,KAAI,CAAE;EACvD;EAGQ,UAAO;AACb,UAAM,SAAS,KAAK,aAAa,cAAc;AAC/C,QAAI,CAAC,QAAQ;AACX,WAAK,QAAQ;AACb;IACF;AACA,UAAM,MAAM,KAAK,eAAe,eAAe;AAC/C,UAAM,SAAS,mCAAc,cAAc,EAAE,QAAQ,SAAS,MAAM,MAAM,sBAAS,oBAAoB,KAAK,IAAI,EAAC,CAAE;AACnH,SAAK,QAAQ;EACf;EAEQ,SAAM;AACZ,SAAK,QAAO;AACZ,UAAM,SAAS,KAAK,eAAc;AAClC,QAAI,CAAC;AAAQ;AAEb,UAAM,MAAM,KAAK,eAAe,eAAe;AAC/C,UAAM,YAAY,sBAAS,oBAAoB,KAAK,IAAI;AAExD,UAAM,YAAY,MAAM,KAAK,KAAK,QAAQ,iBAAiB,UAAU,CAAC;AACtE,QAAI,WAAuC;AAC3C,eAAW,KAAK,WAAW;AACzB,UAAI,EAAE,aAAa,IAAI,MAAM,cAAc,OAAO,EAAE,aAAa,OAAO,CAAC,MAAM,OAAO,KAAK,MAAM,GAAG;AAClG,mBAAW;AACX;MACF;IACF;AACA,UAAM,SAAS,YAAa,KAAK,QAAQ,cAAc,8BAA8B;AAErF,QAAI,QAAQ;AACV,YAAM,QAAQ,OAAO,QAAQ,UAAU,IAAI;AAC3C,WAAK,SAAS,MAAM,KAAK,MAAM,UAAU;AACzC,YAAM,WAAW,KAAK,OAAO,OAAO,OAAK,EAAE,aAAa,CAAC;AACzD,YAAM,YAAY,EAAE,GAAG,WAAW,QAAQ,KAAK,QAAQ,QAAQ,KAAK,QAAQ,WAAW,UAAU,eAAe,SAAS,CAAC,EAAC;AAE3H,WAAK,OAAO,QAAQ,CAAC,GAAG,YAAW;AACjC,YAAI,aAAa;AAAc,YAAU,aAAa;AACtD,aAAK,sBAAsB,iBAAiB,EAAE,GAAG,WAAW,OAAO,GAAG,YAAY,SAAS,YAAY,EAAE,aAAa,EAAC,CAAE;MAC3H,CAAC;AAED,WAAK,sBAAsB,kBAAkB,SAAS;AAEtD,UAAI,WAAW,KAAK,eAAe;AACjC,eAAO,aAAa,OAAO,KAAK,WAAW;MAC7C,OAAO;AACL,eAAO,YAAY,KAAK;MAC1B;IACF;EACF;EAEQ,UAAO;AACb,SAAK,OAAO,QAAQ,OAAK,EAAE,eAAe,YAAY,CAAC,CAAC;AACxD,SAAK,SAAS,CAAA;EAChB;EAEA,oBAAiB;AACf,SAAK,QAAO;EACd;EACA,uBAAoB;AAClB,SAAK,QAAO;EACd;;AA5DQ,WAAA;MADP,0CAAiB,cAAc;;;;;",
+  "sourcesContent": ["import { changedAttributeHost } from '../decorators/changedAttributeHost';\nimport { SwcUtils } from '../utils/Utils';\nimport { FunctionUtils } from '@dooboostore/core';\n\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  set value(nv: any) {\n    this._value = 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  @changedAttributeHost('on-get-value')\n  private refresh() {\n    const script = this.getAttribute('on-get-value');\n    if (!script) {\n      this.value = null;\n      return;\n    }\n    const win = this.ownerDocument?.defaultView || window;\n    const result = FunctionUtils.executeReturn({ script, context: this, args: SwcUtils.getHelperAndHostSet(win, this) });\n    this.value = result;\n  }\n\n  private 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\n    const templates = Array.from(this.content.querySelectorAll('template'));\n    let selected: HTMLTemplateElement | null = null;\n    for (const t of templates) {\n      if (t.getAttribute('is') === 'swc-when' && String(t.getAttribute('value')) === String(this._value)) {\n        selected = t;\n        break;\n      }\n    }\n    const target = selected || (this.content.querySelector('template[is=\"swc-otherwise\"]') as HTMLTemplateElement);\n\n    if (target) {\n      const clone = target.content.cloneNode(true) as DocumentFragment;\n      this._nodes = Array.from(clone.childNodes);\n      const elements = this._nodes.filter(n => n.nodeType === 1) as HTMLElement[];\n      const groupArgs = { ...helperSet, $value: this._value, $nodes: this._nodes, $elements: elements, $firstElement: elements[0] };\n\n      this._nodes.forEach((n, nodeIdx) => {\n        if (n instanceof HTMLElement) (n as any).__swc_host = this;\n        this._executeCloneCallback('on-clone-node', { ...groupArgs, $node: n, $nodeIndex: nodeIdx, $isElement: n.nodeType === 1 });\n      });\n\n      this._executeCloneCallback('on-clone-nodes', groupArgs);\n\n      if (portal === this.parentElement) {\n        portal.insertBefore(clone, this.nextSibling);\n      } else {\n        portal.appendChild(clone);\n      }\n    }\n  }\n\n  private cleanup() {\n    this._nodes.forEach(n => n.parentElement?.removeChild(n));\n    this._nodes = [];\n  }\n\n  connectedCallback() {\n    this.refresh();\n  }\n  disconnectedCallback() {\n    this.cleanup();\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,kCAAqC;AACrC,mBAAyB;AACzB,kBAA8B;;;;;;;;;;AAExB,MAAO,kBAAkB,oBAAmB;EAAlD,cAAA;;AACU,SAAA,SAAiB,CAAA;AACjB,SAAA,SAAc;EA8FxB;EA5FE,IAAI,QAAK;AACP,WAAO,KAAK;EACd;EACA,IAAI,MAAM,IAAO;AACf,SAAK,SAAS;AACd,SAAK,OAAM;EACb;EAEQ,iBAAc;AACpB,UAAM,eAAe,KAAK,aAAa,eAAe;AACtD,QAAI,CAAC;AAAc,aAAO,KAAK;AAE/B,UAAM,MAAM,KAAK,eAAe,eAAe;AAC/C,UAAM,MAAM,0BAAc,cAAc;MACtC,QAAQ;MACR,SAAS;MACT,MAAM,sBAAS,oBAAoB,KAAK,IAAI;KAC7C;AAED,QAAI,eAAe;AAAa,aAAO;AACvC,QAAI,OAAO,QAAQ;AAAU,aAAO,IAAI,SAAS,cAAc,GAAG;AAClE,WAAO,KAAK;EACd;EAEQ,sBAAsB,MAAc,MAAS;AACnD,UAAM,SAAS,KAAK,aAAa,IAAI;AACrC,QAAI,CAAC;AAAQ;AACb,8BAAc,QAAQ,EAAE,QAAQ,SAAS,MAAM,KAAI,CAAE;EACvD;EAGQ,UAAO;AACb,UAAM,SAAS,KAAK,aAAa,cAAc;AAC/C,QAAI,CAAC,QAAQ;AACX,WAAK,QAAQ;AACb;IACF;AACA,UAAM,MAAM,KAAK,eAAe,eAAe;AAC/C,UAAM,SAAS,0BAAc,cAAc,EAAE,QAAQ,SAAS,MAAM,MAAM,sBAAS,oBAAoB,KAAK,IAAI,EAAC,CAAE;AACnH,SAAK,QAAQ;EACf;EAEQ,SAAM;AACZ,SAAK,QAAO;AACZ,UAAM,SAAS,KAAK,eAAc;AAClC,QAAI,CAAC;AAAQ;AAEb,UAAM,MAAM,KAAK,eAAe,eAAe;AAC/C,UAAM,YAAY,sBAAS,oBAAoB,KAAK,IAAI;AAExD,UAAM,YAAY,MAAM,KAAK,KAAK,QAAQ,iBAAiB,UAAU,CAAC;AACtE,QAAI,WAAuC;AAC3C,eAAW,KAAK,WAAW;AACzB,UAAI,EAAE,aAAa,IAAI,MAAM,cAAc,OAAO,EAAE,aAAa,OAAO,CAAC,MAAM,OAAO,KAAK,MAAM,GAAG;AAClG,mBAAW;AACX;MACF;IACF;AACA,UAAM,SAAS,YAAa,KAAK,QAAQ,cAAc,8BAA8B;AAErF,QAAI,QAAQ;AACV,YAAM,QAAQ,OAAO,QAAQ,UAAU,IAAI;AAC3C,WAAK,SAAS,MAAM,KAAK,MAAM,UAAU;AACzC,YAAM,WAAW,KAAK,OAAO,OAAO,OAAK,EAAE,aAAa,CAAC;AACzD,YAAM,YAAY,EAAE,GAAG,WAAW,QAAQ,KAAK,QAAQ,QAAQ,KAAK,QAAQ,WAAW,UAAU,eAAe,SAAS,CAAC,EAAC;AAE3H,WAAK,OAAO,QAAQ,CAAC,GAAG,YAAW;AACjC,YAAI,aAAa;AAAc,YAAU,aAAa;AACtD,aAAK,sBAAsB,iBAAiB,EAAE,GAAG,WAAW,OAAO,GAAG,YAAY,SAAS,YAAY,EAAE,aAAa,EAAC,CAAE;MAC3H,CAAC;AAED,WAAK,sBAAsB,kBAAkB,SAAS;AAEtD,UAAI,WAAW,KAAK,eAAe;AACjC,eAAO,aAAa,OAAO,KAAK,WAAW;MAC7C,OAAO;AACL,eAAO,YAAY,KAAK;MAC1B;IACF;EACF;EAEQ,UAAO;AACb,SAAK,OAAO,QAAQ,OAAK,EAAE,eAAe,YAAY,CAAC,CAAC;AACxD,SAAK,SAAS,CAAA;EAChB;EAEA,oBAAiB;AACf,SAAK,QAAO;EACd;EACA,uBAAoB;AAClB,SAAK,QAAO;EACd;;AA5DQ,WAAA;MADP,kDAAqB,cAAc;;;;;",
   "names": []
 }

package/dist/cjs/elements/SwcIf.js

@@ -20,9 +20,9 @@ __export(SwcIf_exports, {
   SwcIf: () => SwcIf
 });
 module.exports = __toCommonJS(SwcIf_exports);
-var import_changedAttribute = require("../decorators/changedAttribute");
+var import_changedAttributeHost = require("../decorators/changedAttributeHost");
 var import_Utils = require("../utils/Utils");
-var import_FunctionUtils = require("@dooboostore/core/function/FunctionUtils");
+var import_core = require("@dooboostore/core");
 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);
@@ -50,7 +50,7 @@ class SwcIf extends HTMLTemplateElement {
     if (!portalScript)
       return this.parentElement;
     const win = this.ownerDocument?.defaultView || window;
-    const res = import_FunctionUtils.FunctionUtils.executeReturn({
+    const res = import_core.FunctionUtils.executeReturn({
       script: portalScript,
       context: this,
       args: import_Utils.SwcUtils.getHelperAndHostSet(win, this)
@@ -65,7 +65,7 @@ class SwcIf extends HTMLTemplateElement {
     const script = this.getAttribute(attr);
     if (!script)
       return;
-    import_FunctionUtils.FunctionUtils.execute({ script, context: this, args });
+    import_core.FunctionUtils.execute({ script, context: this, args });
   }
   refreshValue() {
     const script = this.getAttribute("on-get-value");
@@ -74,7 +74,7 @@ class SwcIf extends HTMLTemplateElement {
       return;
     }
     const win = this.ownerDocument?.defaultView || window;
-    const res = import_FunctionUtils.FunctionUtils.executeReturn({
+    const res = import_core.FunctionUtils.executeReturn({
       script,
       context: this,
       args: import_Utils.SwcUtils.getHelperAndHostSet(win, this)
@@ -131,7 +131,7 @@ class SwcIf extends HTMLTemplateElement {
   }
 }
 __decorate([
-  (0, import_changedAttribute.changedAttribute)("on-get-value"),
+  (0, import_changedAttributeHost.changedAttributeHost)("on-get-value"),
   __metadata("design:type", Function),
   __metadata("design:paramtypes", []),
   __metadata("design:returntype", void 0)

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/elements/SwcIf.ts"],
-  "sourcesContent": ["import { changedAttribute } from '../decorators/changedAttribute';\nimport { SwcUtils } from '../utils/Utils';\nimport { FunctionUtils } from '@dooboostore/core/function/FunctionUtils';\n\nexport class SwcIf extends HTMLTemplateElement {\n  private _value = false;\n  private _nodes: Node[] = [];\n\n  get value(): boolean {\n    return this._value;\n  }\n  set value(nv: any) {\n    this._value = Boolean(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  @changedAttribute('on-get-value')\n  private refreshValue() {\n    const script = this.getAttribute('on-get-value');\n    if (!script) {\n      this.value = false;\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 = false));\n    } else {\n      this.value = res;\n    }\n  }\n\n  private 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\n    let targetTpl: HTMLTemplateElement | null = null;\n    if (this._value) {\n      targetTpl = this;\n    } else {\n      targetTpl = this.content.querySelector('template[is=\"swc-default\"]') as HTMLTemplateElement;\n    }\n\n    if (targetTpl) {\n      const clone = targetTpl.content.cloneNode(true) as DocumentFragment;\n      // If it's the host template, remove sub-templates from clone\n      if (targetTpl === this) {\n        clone.querySelectorAll('template[is^=\"swc-\"]').forEach(t => t.remove());\n      }\n\n      this._nodes = Array.from(clone.childNodes);\n      const elements = this._nodes.filter(n => n.nodeType === 1) as HTMLElement[];\n      const groupArgs = { ...helperSet, $value: this._value, $nodes: this._nodes, $elements: elements, $firstElement: elements[0] };\n\n      this._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\n      if (portal === this.parentElement) {\n        portal.insertBefore(clone, this.nextSibling);\n      } else {\n        portal.appendChild(clone);\n      }\n    }\n  }\n\n  private cleanup() {\n    this._nodes.forEach(n => n.parentElement?.removeChild(n));\n    this._nodes = [];\n  }\n\n  connectedCallback() {\n    this.refreshValue();\n  }\n  disconnectedCallback() {\n    this.cleanup();\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { changedAttributeHost } from '../decorators/changedAttributeHost';\nimport { SwcUtils } from '../utils/Utils';\nimport { FunctionUtils } from '@dooboostore/core';\n\nexport class SwcIf extends HTMLTemplateElement {\n  private _value = false;\n  private _nodes: Node[] = [];\n\n  get value(): boolean {\n    return this._value;\n  }\n  set value(nv: any) {\n    this._value = Boolean(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  @changedAttributeHost('on-get-value')\n  private refreshValue() {\n    const script = this.getAttribute('on-get-value');\n    if (!script) {\n      this.value = false;\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 = false));\n    } else {\n      this.value = res;\n    }\n  }\n\n  private 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\n    let targetTpl: HTMLTemplateElement | null = null;\n    if (this._value) {\n      targetTpl = this;\n    } else {\n      targetTpl = this.content.querySelector('template[is=\"swc-default\"]') as HTMLTemplateElement;\n    }\n\n    if (targetTpl) {\n      const clone = targetTpl.content.cloneNode(true) as DocumentFragment;\n      // If it's the host template, remove sub-templates from clone\n      if (targetTpl === this) {\n        clone.querySelectorAll('template[is^=\"swc-\"]').forEach(t => t.remove());\n      }\n\n      this._nodes = Array.from(clone.childNodes);\n      const elements = this._nodes.filter(n => n.nodeType === 1) as HTMLElement[];\n      const groupArgs = { ...helperSet, $value: this._value, $nodes: this._nodes, $elements: elements, $firstElement: elements[0] };\n\n      this._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\n      if (portal === this.parentElement) {\n        portal.insertBefore(clone, this.nextSibling);\n      } else {\n        portal.appendChild(clone);\n      }\n    }\n  }\n\n  private cleanup() {\n    this._nodes.forEach(n => n.parentElement?.removeChild(n));\n    this._nodes = [];\n  }\n\n  connectedCallback() {\n    this.refreshValue();\n  }\n  disconnectedCallback() {\n    this.cleanup();\n  }\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/elements/SwcLoop.js

@@ -20,9 +20,9 @@ __export(SwcLoop_exports, {
   SwcLoop: () => SwcLoop
 });
 module.exports = __toCommonJS(SwcLoop_exports);
-var import_changedAttribute = require("../decorators/changedAttribute");
+var import_changedAttributeHost = require("../decorators/changedAttributeHost");
 var import_Utils = require("../utils/Utils");
-var import_FunctionUtils = require("@dooboostore/core/function/FunctionUtils");
+var import_core = require("@dooboostore/core");
 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);
@@ -50,7 +50,7 @@ class SwcLoop extends HTMLTemplateElement {
     if (!portalScript)
       return this.parentElement;
     const win = this.ownerDocument?.defaultView || window;
-    const res = import_FunctionUtils.FunctionUtils.executeReturn({
+    const res = import_core.FunctionUtils.executeReturn({
       script: portalScript,
       context: this,
       args: import_Utils.SwcUtils.getHelperAndHostSet(win, this)
@@ -65,7 +65,7 @@ class SwcLoop extends HTMLTemplateElement {
     const script = this.getAttribute(attr);
     if (!script)
       return;
-    import_FunctionUtils.FunctionUtils.execute({ script, context: this, args });
+    import_core.FunctionUtils.execute({ script, context: this, args });
   }
   _cleanup() {
     this._nodeGroups.forEach((nodes) => nodes.forEach((n) => n.parentElement?.removeChild(n)));
@@ -78,7 +78,7 @@ class SwcLoop extends HTMLTemplateElement {
       return;
     }
     const win = this.ownerDocument?.defaultView || window;
-    const res = import_FunctionUtils.FunctionUtils.executeReturn({
+    const res = import_core.FunctionUtils.executeReturn({
       script,
       context: this,
       args: import_Utils.SwcUtils.getHelperAndHostSet(win, this)
@@ -137,7 +137,7 @@ class SwcLoop extends HTMLTemplateElement {
   }
 }
 __decorate([
-  (0, import_changedAttribute.changedAttribute)("on-get-value"),
+  (0, import_changedAttributeHost.changedAttributeHost)("on-get-value"),
   __metadata("design:type", Function),
   __metadata("design:paramtypes", []),
   __metadata("design:returntype", void 0)

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/elements/SwcLoop.ts"],
-  "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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",
+  "sourcesContent": ["import { changedAttributeHost } from '../decorators/changedAttributeHost';\nimport { SwcUtils } from '../utils/Utils';\nimport { FunctionUtils } from '@dooboostore/core';\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  @changedAttributeHost('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/cjs/elements/register.js

@@ -23,8 +23,8 @@ 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 import_core = require("@dooboostore/core");
+var import_changedAttributeHost = require("../decorators/changedAttributeHost");
 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);
@@ -150,7 +150,7 @@ const registerAllElements = (w) => {
       if (!portalScript)
         return this.parentElement;
       const win = this.ownerDocument?.defaultView || window;
-      const res = import_FunctionUtils.FunctionUtils.executeReturn({
+      const res = import_core.FunctionUtils.executeReturn({
         script: portalScript,
         context: this,
         args: import_Utils.SwcUtils.getHelperAndHostSet(win, this)
@@ -165,7 +165,7 @@ const registerAllElements = (w) => {
       const script = this.getAttribute(attr);
       if (!script)
         return;
-      import_FunctionUtils.FunctionUtils.execute({ script, context: this, args });
+      import_core.FunctionUtils.execute({ script, context: this, args });
     }
     refreshValue() {
       const script = this.getAttribute("on-get-value");
@@ -174,7 +174,7 @@ const registerAllElements = (w) => {
         return;
       }
       const win = this.ownerDocument?.defaultView || window;
-      const res = import_FunctionUtils.FunctionUtils.executeReturn({
+      const res = import_core.FunctionUtils.executeReturn({
         script,
         context: this,
         args: import_Utils.SwcUtils.getHelperAndHostSet(win, this)
@@ -231,7 +231,7 @@ const registerAllElements = (w) => {
     }
   };
   __decorate([
-    (0, import_changedAttribute.changedAttribute)("on-get-value"),
+    (0, import_changedAttributeHost.changedAttributeHost)("on-get-value"),
     __metadata("design:type", Function),
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", void 0)
@@ -257,7 +257,7 @@ const registerAllElements = (w) => {
       if (!portalScript)
         return this.parentElement;
       const win = this.ownerDocument?.defaultView || window;
-      const res = import_FunctionUtils.FunctionUtils.executeReturn({
+      const res = import_core.FunctionUtils.executeReturn({
         script: portalScript,
         context: this,
         args: import_Utils.SwcUtils.getHelperAndHostSet(win, this)
@@ -272,7 +272,7 @@ const registerAllElements = (w) => {
       const script = this.getAttribute(attr);
       if (!script)
         return;
-      import_FunctionUtils.FunctionUtils.execute({ script, context: this, args });
+      import_core.FunctionUtils.execute({ script, context: this, args });
     }
     _cleanup() {
       this._nodeGroups.forEach((nodes) => nodes.forEach((n) => n.parentElement?.removeChild(n)));
@@ -285,7 +285,7 @@ const registerAllElements = (w) => {
         return;
       }
       const win = this.ownerDocument?.defaultView || window;
-      const res = import_FunctionUtils.FunctionUtils.executeReturn({
+      const res = import_core.FunctionUtils.executeReturn({
         script,
         context: this,
         args: import_Utils.SwcUtils.getHelperAndHostSet(win, this)
@@ -344,7 +344,7 @@ const registerAllElements = (w) => {
     }
   };
   __decorate([
-    (0, import_changedAttribute.changedAttribute)("on-get-value"),
+    (0, import_changedAttributeHost.changedAttributeHost)("on-get-value"),
     __metadata("design:type", Function),
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", void 0)
@@ -370,7 +370,7 @@ const registerAllElements = (w) => {
       if (!portalScript)
         return this.parentElement;
       const win = this.ownerDocument?.defaultView || window;
-      const res = import_FunctionUtils.FunctionUtils.executeReturn({
+      const res = import_core.FunctionUtils.executeReturn({
         script: portalScript,
         context: this,
         args: import_Utils.SwcUtils.getHelperAndHostSet(win, this)
@@ -385,7 +385,7 @@ const registerAllElements = (w) => {
       const script = this.getAttribute(attr);
       if (!script)
         return;
-      import_FunctionUtils.FunctionUtils.execute({ script, context: this, args });
+      import_core.FunctionUtils.execute({ script, context: this, args });
     }
     refresh() {
       const script = this.getAttribute("on-get-value");
@@ -394,7 +394,7 @@ const registerAllElements = (w) => {
         return;
       }
       const win = this.ownerDocument?.defaultView || window;
-      const result = import_FunctionUtils.FunctionUtils.executeReturn({ script, context: this, args: import_Utils.SwcUtils.getHelperAndHostSet(win, this) });
+      const result = import_core.FunctionUtils.executeReturn({ script, context: this, args: import_Utils.SwcUtils.getHelperAndHostSet(win, this) });
       this.value = result;
     }
     render() {
@@ -443,7 +443,7 @@ const registerAllElements = (w) => {
     }
   };
   __decorate([
-    (0, import_changedAttribute.changedAttribute)("on-get-value"),
+    (0, import_changedAttributeHost.changedAttributeHost)("on-get-value"),
     __metadata("design:type", Function),
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", void 0)
@@ -462,7 +462,7 @@ const registerAllElements = (w) => {
       if (!portalScript)
         return this.parentElement;
       const win = this.ownerDocument?.defaultView || window;
-      const res = import_FunctionUtils.FunctionUtils.executeReturn({
+      const res = import_core.FunctionUtils.executeReturn({
         script: portalScript,
         context: this,
         args: import_Utils.SwcUtils.getHelperAndHostSet(win, this)
@@ -477,14 +477,14 @@ const registerAllElements = (w) => {
       const script = this.getAttribute(attr);
       if (!script)
         return;
-      import_FunctionUtils.FunctionUtils.execute({ script, context: this, args });
+      import_core.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) });
+      const result = import_core.FunctionUtils.executeReturn({ script, context: this, args: import_Utils.SwcUtils.getHelperAndHostSet(win, this) });
       if (result instanceof Promise) {
         this.render("loading");
         result.then((v) => {
@@ -534,7 +534,7 @@ const registerAllElements = (w) => {
     }
   };
   __decorate([
-    (0, import_changedAttribute.changedAttribute)("on-get-value"),
+    (0, import_changedAttributeHost.changedAttributeHost)("on-get-value"),
     __metadata("design:type", Function),
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", void 0)
@@ -827,5 +827,6 @@ const registerAllElements = (w) => {
   SwcAppBody = __decorate([
     (0, import_elementDefine.elementDefine)("swc-app-body", { extends: "body", window: w })
   ], SwcAppBody);
+  return [];
 };
 //# sourceMappingURL=register.js.map