@dooboostore/simple-web-component 1.0.12 → 1.0.14

package/dist/esm/index.js

@@ -1,22 +1,7 @@
 import "reflect-metadata";
-export * from "./decorators/elementDefine.js";
-export * from "./decorators/innerHtml.js";
-export * from "./decorators/attribute.js";
-export * from "./decorators/state.js";
-export * from "./decorators/emitCustomEvent.js";
-export * from "./decorators/lifecycles.js";
-export * from "./decorators/query.js";
-export * from "./decorators/queryAll.js";
-export * from "./decorators/addEventListener.js";
+export * from "./decorators/index.js";
 export * from "./elements/base/index.js";
-export * from "./elements/SwcIf.js";
-export * from "./elements/SwcForOf.js";
-export * from "./elements/SwcObject.js";
-export * from "./elements/SwcChoose.js";
-export * from "./elements/SwcWhen.js";
-export * from "./elements/SwcOther.js";
 export * from "./elements/apps/index.js";
-export * from "./elements/SwcAppInterface.js";
-export * from "./elements/SwcHTMLElementInterface.js";
+export * from "./elements/index.js";
 export * from "./utils/Utils.js";
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "sourcesContent": ["import 'reflect-metadata';\nexport * from './decorators/elementDefine';\nexport * from './decorators/innerHtml';\nexport * from './decorators/attribute';\nexport * from './decorators/state';\nexport * from './decorators/emitCustomEvent';\nexport * from './decorators/lifecycles';\nexport * from './decorators/query';\nexport * from './decorators/queryAll';\nexport * from './decorators/addEventListener';\nexport * from './elements/base';\nexport * from './elements/SwcIf';\nexport * from './elements/SwcForOf';\nexport * from './elements/SwcObject';\nexport * from './elements/SwcChoose';\nexport * from './elements/SwcWhen';\nexport * from './elements/SwcOther';\nexport * from './elements/apps';\nexport * from './elements/SwcAppInterface';\nexport * from './elements/SwcHTMLElementInterface';\nexport * from './utils/Utils';\n"],
-  "mappings": "AAAA,OAAO;AACP,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
+  "sourcesContent": ["import 'reflect-metadata';\nexport * from './decorators';\nexport * from './elements/base';\nexport * from './elements/apps';\nexport * from './elements';\nexport * from './utils/Utils';\n"],
+  "mappings": "AAAA,OAAO;AACP,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
   "names": []
 }

package/dist/esm/router/ElementRouter.js

@@ -0,0 +1,153 @@
+import { Router } from "@dooboostore/core-web/routers/Router";
+import { UrlUtils } from "@dooboostore/core/url/UrlUtils";
+class ElementRouter extends Router {
+  constructor(config) {
+    const { firstUrl, ...rest } = config;
+    super(rest);
+    this._history = [];
+    this._currentIndex = -1;
+    const startUrl = firstUrl ?? "/";
+    this._history = [{ url: startUrl, data: null }];
+    this._currentIndex = 0;
+    if (firstUrl) {
+      this.replace(firstUrl, { config: { noEventAndPublish: true } });
+    }
+  }
+  // Override pushState to manage internal history
+  pushState(data, title, path, config) {
+    const behaviorSubject = this.behaviorSubject;
+    if (!config?.noEventAndPublish && behaviorSubject) {
+      behaviorSubject.next({ ...this.getRouteData({ pathOrUrl: path }), triggerPoint: "start" });
+    }
+    if (!this._history) this._history = [];
+    this._history = this._history.slice(0, this._currentIndex + 1);
+    this._history.push({ url: path, data, title });
+    this._currentIndex++;
+    if (!config?.noEventAndPublish && behaviorSubject) {
+      behaviorSubject.next({ ...this.getRouteData({ pathOrUrl: path }), triggerPoint: "end" });
+    }
+    return { data };
+  }
+  // Override replaceState to manage internal history
+  replaceState(data, title, path, config) {
+    const behaviorSubject = this.behaviorSubject;
+    if (!config?.noEventAndPublish && behaviorSubject) {
+      behaviorSubject.next({ ...this.getRouteData({ pathOrUrl: path }), triggerPoint: "start" });
+    }
+    if (!this._history) this._history = [];
+    if (this._currentIndex === -1) {
+      this._history.push({ url: path, data, title });
+      this._currentIndex = 0;
+    } else {
+      this._history[this._currentIndex] = { url: path, data, title };
+    }
+    if (!config?.noEventAndPublish && behaviorSubject) {
+      behaviorSubject.next({ ...this.getRouteData({ pathOrUrl: path }), triggerPoint: "end" });
+    }
+    return { data };
+  }
+  push(path, state) {
+    this.pushState(state?.data, state?.title, this.toUrl(path), state?.config);
+  }
+  replace(path, state) {
+    this.replaceState(state?.data, state?.title, this.toUrl(path), state?.config);
+  }
+  back(config) {
+    if (this._currentIndex > 0) {
+      this.go(-1, config);
+    }
+  }
+  forward(config) {
+    if (this._currentIndex < this._history.length - 1) {
+      this.go(1, config);
+    }
+  }
+  go(config, changeStateConfig) {
+    if (typeof config === "number") {
+      const targetIndex = this._currentIndex + config;
+      if (this._history && targetIndex >= 0 && targetIndex < this._history.length) {
+        const behaviorSubject = this.behaviorSubject;
+        if (!changeStateConfig?.noEventAndPublish && behaviorSubject) {
+          behaviorSubject.next({ ...this.getRouteData(), triggerPoint: "start" });
+        }
+        this._currentIndex = targetIndex;
+        const entry = this._history[this._currentIndex];
+        if (!changeStateConfig?.noEventAndPublish && behaviorSubject) {
+          behaviorSubject.next({ ...this.getRouteData({ pathOrUrl: entry.url }), triggerPoint: "end" });
+        }
+      }
+      return;
+    }
+    return super.go(config, changeStateConfig);
+  }
+  getData() {
+    return this._history?.[this._currentIndex]?.data;
+  }
+  getUrl() {
+    return this._history?.[this._currentIndex]?.url ?? this.config?.firstUrl ?? "/";
+  }
+  getHref() {
+    return this.getUrl();
+  }
+  getPathName() {
+    return this.getUrl().split("?")[0];
+  }
+  getSearch() {
+    const parts = this.getUrl().split("?");
+    return parts[1] ? `?${parts[1]}` : "";
+  }
+  getSearchParams(data) {
+    const search = this.getSearch();
+    const searchParams = new URLSearchParams(search);
+    return UrlUtils.manipulateSearchParams(searchParams, data);
+  }
+  getHashSearchParams(data) {
+    const url = this.getUrl();
+    const hashIdx = url.indexOf("#");
+    const hash = hashIdx !== -1 ? url.slice(hashIdx + 1) : "";
+    const searchParams = new URLSearchParams(hash);
+    return UrlUtils.manipulateSearchParams(searchParams, data);
+  }
+  pushAddSearchParam(params, state) {
+    const s = this.getSearchParams({ append: params });
+    this.push({ searchParams: s }, state);
+  }
+  pushDeleteHashSearchParam(name, state) {
+    const s = this.getHashSearchParams({ delete: Array.isArray(name) ? name : [name] });
+    const url = this.getUrl().split("#")[0];
+    const size = Array.from(s.entries()).length;
+    this.push(url + (size > 0 ? "#" + s.toString() : ""), state);
+  }
+  pushDeleteSearchParam(name, state) {
+    const s = this.getSearchParams({ delete: Array.isArray(name) ? name : [name] });
+    this.push({ searchParams: s }, state);
+  }
+  pushUpsertSearchParam(params, state) {
+    const s = this.getSearchParams();
+    UrlUtils.upsertSearchParam(s, params);
+    this.push({ searchParams: s }, state);
+  }
+  replaceAddSearchParam(params, state) {
+    const s = this.getSearchParams({ append: params });
+    this.replace({ searchParams: s }, state);
+  }
+  replaceDeleteHashSearchParam(name, state) {
+    const s = this.getHashSearchParams({ delete: Array.isArray(name) ? name : [name] });
+    const url = this.getUrl().split("#")[0];
+    const size = Array.from(s.entries()).length;
+    this.replace(url + (size > 0 ? "#" + s.toString() : ""), state);
+  }
+  replaceDeleteSearchParam(name, state) {
+    const s = this.getSearchParams({ delete: Array.isArray(name) ? name : [name] });
+    this.replace({ searchParams: s }, state);
+  }
+  replaceUpsertSearchParam(params, state) {
+    const s = this.getSearchParamObject();
+    UrlUtils.upsertSearchParam(s, params);
+    this.replace({ searchParams: s }, state);
+  }
+}
+export {
+  ElementRouter
+};
+//# sourceMappingURL=ElementRouter.js.map

package/dist/esm/router/ElementRouter.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/router/ElementRouter.ts"],
+  "sourcesContent": ["import { ChangeStateConfig, ChangeStateResult, RouteAction, Router, RouterConfig, RouterMethodOptions } from '@dooboostore/core-web/routers/Router';\nimport { UrlUtils } from '@dooboostore/core/url/UrlUtils';\n\nexport class ElementRouter extends Router {\n  private _history: { url: string; data: any; title?: string }[] = [];\n  private _currentIndex = -1;\n\n  constructor(config: RouterConfig) {\n    // Router \uBD80\uBAA8 \uD074\uB798\uC2A4\uAC00 \uC0DD\uC131\uC790\uC5D0\uC11C go()\uB97C \uD638\uCD9C\uD558\uC5EC \uCD08\uAE30\uD654\uB418\uC9C0 \uC54A\uC740 \uD544\uB4DC\uC5D0 \uC811\uADFC\uD558\uB294 \uAC83\uC744 \uBC29\uC9C0\uD558\uAE30 \uC704\uD574\n    // firstUrl\uC744 \uC81C\uAC70\uD558\uACE0 \uB118\uAE34 \uB4A4 \uC790\uC2DD\uC5D0\uC11C \uC218\uB3D9 \uCC98\uB9AC\uD569\uB2C8\uB2E4.\n    const { firstUrl, ...rest } = config;\n    super(rest);\n\n    const startUrl = firstUrl ?? '/';\n    this._history = [{ url: startUrl, data: null }];\n    this._currentIndex = 0;\n\n    if (firstUrl) {\n      this.replace(firstUrl, { config: { noEventAndPublish: true } });\n    }\n  }\n\n  // Override pushState to manage internal history\n  pushState(data: any, title: string | undefined, path: string, config?: ChangeStateConfig): ChangeStateResult {\n    const behaviorSubject = (this as any).behaviorSubject;\n    if (!config?.noEventAndPublish && behaviorSubject) {\n      behaviorSubject.next({ ...this.getRouteData({ pathOrUrl: path }), triggerPoint: 'start' });\n    }\n\n    // Ensure _history is initialized (defense for super calls)\n    if (!this._history) this._history = [];\n\n    this._history = this._history.slice(0, this._currentIndex + 1);\n    this._history.push({ url: path, data, title });\n    this._currentIndex++;\n\n    if (!config?.noEventAndPublish && behaviorSubject) {\n      behaviorSubject.next({ ...this.getRouteData({ pathOrUrl: path }), triggerPoint: 'end' });\n    }\n    return { data };\n  }\n\n  // Override replaceState to manage internal history\n  replaceState(data: any, title: string | undefined, path: string, config?: ChangeStateConfig): ChangeStateResult {\n    const behaviorSubject = (this as any).behaviorSubject;\n    if (!config?.noEventAndPublish && behaviorSubject) {\n      behaviorSubject.next({ ...this.getRouteData({ pathOrUrl: path }), triggerPoint: 'start' });\n    }\n\n    if (!this._history) this._history = [];\n    if (this._currentIndex === -1) {\n      this._history.push({ url: path, data, title });\n      this._currentIndex = 0;\n    } else {\n      this._history[this._currentIndex] = { url: path, data, title };\n    }\n\n    if (!config?.noEventAndPublish && behaviorSubject) {\n      behaviorSubject.next({ ...this.getRouteData({ pathOrUrl: path }), triggerPoint: 'end' });\n    }\n    return { data };\n  }\n\n  push(path: RouteAction, state?: RouterMethodOptions): void {\n    this.pushState(state?.data, state?.title, this.toUrl(path), state?.config);\n  }\n\n  replace(path: RouteAction, state?: RouterMethodOptions): void {\n    this.replaceState(state?.data, state?.title, this.toUrl(path), state?.config);\n  }\n\n  back(config?: ChangeStateConfig): void {\n    if (this._currentIndex > 0) {\n      this.go(-1, config);\n    }\n  }\n\n  forward(config?: ChangeStateConfig): void {\n    if (this._currentIndex < this._history.length - 1) {\n      this.go(1, config);\n    }\n  }\n\n  go(i: number, config?: ChangeStateConfig): void;\n  async go(config: string | { path: RouteAction; state?: RouterMethodOptions; replace?: boolean; scrollToTop?: boolean }): Promise<void>;\n  go(config: number | string | { path: RouteAction; state?: RouterMethodOptions; replace?: boolean; scrollToTop?: boolean }, changeStateConfig?: ChangeStateConfig): Promise<void> | void {\n    if (typeof config === 'number') {\n      const targetIndex = this._currentIndex + config;\n      if (this._history && targetIndex >= 0 && targetIndex < this._history.length) {\n        const behaviorSubject = (this as any).behaviorSubject;\n        if (!changeStateConfig?.noEventAndPublish && behaviorSubject) {\n          behaviorSubject.next({ ...this.getRouteData(), triggerPoint: 'start' });\n        }\n\n        this._currentIndex = targetIndex;\n        const entry = this._history[this._currentIndex];\n\n        if (!changeStateConfig?.noEventAndPublish && behaviorSubject) {\n          behaviorSubject.next({ ...this.getRouteData({ pathOrUrl: entry.url }), triggerPoint: 'end' });\n        }\n      }\n      return;\n    }\n    return super.go(config as any, changeStateConfig);\n  }\n\n  getData(): any {\n    return this._history?.[this._currentIndex]?.data;\n  }\n\n  getUrl(): string {\n    return this._history?.[this._currentIndex]?.url ?? this.config?.firstUrl ?? '/';\n  }\n\n  getHref(): string {\n    return this.getUrl();\n  }\n\n  getPathName(): string {\n    return this.getUrl().split('?')[0];\n  }\n\n  getSearch(): string {\n    const parts = this.getUrl().split('?');\n    return parts[1] ? `?${parts[1]}` : '';\n  }\n\n  getSearchParams(data?: { delete?: string[]; append?: [[string, string]] }): URLSearchParams {\n    const search = this.getSearch();\n    const searchParams = new URLSearchParams(search);\n    return UrlUtils.manipulateSearchParams(searchParams, data);\n  }\n\n  getHashSearchParams(data?: { delete?: string[]; append?: [[string, string]] }): URLSearchParams {\n    const url = this.getUrl();\n    const hashIdx = url.indexOf('#');\n    const hash = hashIdx !== -1 ? url.slice(hashIdx + 1) : '';\n    const searchParams = new URLSearchParams(hash);\n    return UrlUtils.manipulateSearchParams(searchParams, data);\n  }\n\n  pushAddSearchParam(params: [[string, string]], state: RouterMethodOptions | undefined): void {\n    const s = this.getSearchParams({ append: params });\n    this.push({ searchParams: s }, state);\n  }\n\n  pushDeleteHashSearchParam(name: string | string[], state: RouterMethodOptions | undefined): void {\n    const s = this.getHashSearchParams({ delete: Array.isArray(name) ? name : [name] });\n    const url = this.getUrl().split('#')[0];\n    const size = Array.from(s.entries()).length;\n    this.push(url + (size > 0 ? '#' + s.toString() : ''), state);\n  }\n\n  pushDeleteSearchParam(name: string | string[], state: RouterMethodOptions | undefined): void {\n    const s = this.getSearchParams({ delete: Array.isArray(name) ? name : [name] });\n    this.push({ searchParams: s }, state);\n  }\n\n  pushUpsertSearchParam(params: Record<string, string | string[]>, state: RouterMethodOptions | undefined): void {\n    const s = this.getSearchParams();\n    UrlUtils.upsertSearchParam(s, params);\n    this.push({ searchParams: s }, state);\n  }\n\n  replaceAddSearchParam(params: [[string, string]], state: RouterMethodOptions | undefined): void {\n    const s = this.getSearchParams({ append: params });\n    this.replace({ searchParams: s }, state);\n  }\n\n  replaceDeleteHashSearchParam(name: string | string[], state: RouterMethodOptions | undefined): void {\n    const s = this.getHashSearchParams({ delete: Array.isArray(name) ? name : [name] });\n    const url = this.getUrl().split('#')[0];\n    const size = Array.from(s.entries()).length;\n    this.replace(url + (size > 0 ? '#' + s.toString() : ''), state);\n  }\n\n  replaceDeleteSearchParam(name: string | string[], state: RouterMethodOptions | undefined): void {\n    const s = this.getSearchParams({ delete: Array.isArray(name) ? name : [name] });\n    this.replace({ searchParams: s }, state);\n  }\n\n  replaceUpsertSearchParam(params: Record<string, string | string[]>, state: RouterMethodOptions | undefined): void {\n    const s = this.getSearchParamObject();\n    UrlUtils.upsertSearchParam(s as any, params);\n    this.replace({ searchParams: s as any }, state);\n  }\n}\n"],
+  "mappings": "AAAA,SAA4D,cAAiD;AAC7G,SAAS,gBAAgB;AAElB,MAAM,sBAAsB,OAAO;AAAA,EAIxC,YAAY,QAAsB;AAGhC,UAAM,EAAE,UAAU,GAAG,KAAK,IAAI;AAC9B,UAAM,IAAI;AAPZ,SAAQ,WAAyD,CAAC;AAClE,SAAQ,gBAAgB;AAQtB,UAAM,WAAW,YAAY;AAC7B,SAAK,WAAW,CAAC,EAAE,KAAK,UAAU,MAAM,KAAK,CAAC;AAC9C,SAAK,gBAAgB;AAErB,QAAI,UAAU;AACZ,WAAK,QAAQ,UAAU,EAAE,QAAQ,EAAE,mBAAmB,KAAK,EAAE,CAAC;AAAA,IAChE;AAAA,EACF;AAAA;AAAA,EAGA,UAAU,MAAW,OAA2B,MAAc,QAA+C;AAC3G,UAAM,kBAAmB,KAAa;AACtC,QAAI,CAAC,QAAQ,qBAAqB,iBAAiB;AACjD,sBAAgB,KAAK,EAAE,GAAG,KAAK,aAAa,EAAE,WAAW,KAAK,CAAC,GAAG,cAAc,QAAQ,CAAC;AAAA,IAC3F;AAGA,QAAI,CAAC,KAAK,SAAU,MAAK,WAAW,CAAC;AAErC,SAAK,WAAW,KAAK,SAAS,MAAM,GAAG,KAAK,gBAAgB,CAAC;AAC7D,SAAK,SAAS,KAAK,EAAE,KAAK,MAAM,MAAM,MAAM,CAAC;AAC7C,SAAK;AAEL,QAAI,CAAC,QAAQ,qBAAqB,iBAAiB;AACjD,sBAAgB,KAAK,EAAE,GAAG,KAAK,aAAa,EAAE,WAAW,KAAK,CAAC,GAAG,cAAc,MAAM,CAAC;AAAA,IACzF;AACA,WAAO,EAAE,KAAK;AAAA,EAChB;AAAA;AAAA,EAGA,aAAa,MAAW,OAA2B,MAAc,QAA+C;AAC9G,UAAM,kBAAmB,KAAa;AACtC,QAAI,CAAC,QAAQ,qBAAqB,iBAAiB;AACjD,sBAAgB,KAAK,EAAE,GAAG,KAAK,aAAa,EAAE,WAAW,KAAK,CAAC,GAAG,cAAc,QAAQ,CAAC;AAAA,IAC3F;AAEA,QAAI,CAAC,KAAK,SAAU,MAAK,WAAW,CAAC;AACrC,QAAI,KAAK,kBAAkB,IAAI;AAC7B,WAAK,SAAS,KAAK,EAAE,KAAK,MAAM,MAAM,MAAM,CAAC;AAC7C,WAAK,gBAAgB;AAAA,IACvB,OAAO;AACL,WAAK,SAAS,KAAK,aAAa,IAAI,EAAE,KAAK,MAAM,MAAM,MAAM;AAAA,IAC/D;AAEA,QAAI,CAAC,QAAQ,qBAAqB,iBAAiB;AACjD,sBAAgB,KAAK,EAAE,GAAG,KAAK,aAAa,EAAE,WAAW,KAAK,CAAC,GAAG,cAAc,MAAM,CAAC;AAAA,IACzF;AACA,WAAO,EAAE,KAAK;AAAA,EAChB;AAAA,EAEA,KAAK,MAAmB,OAAmC;AACzD,SAAK,UAAU,OAAO,MAAM,OAAO,OAAO,KAAK,MAAM,IAAI,GAAG,OAAO,MAAM;AAAA,EAC3E;AAAA,EAEA,QAAQ,MAAmB,OAAmC;AAC5D,SAAK,aAAa,OAAO,MAAM,OAAO,OAAO,KAAK,MAAM,IAAI,GAAG,OAAO,MAAM;AAAA,EAC9E;AAAA,EAEA,KAAK,QAAkC;AACrC,QAAI,KAAK,gBAAgB,GAAG;AAC1B,WAAK,GAAG,IAAI,MAAM;AAAA,IACpB;AAAA,EACF;AAAA,EAEA,QAAQ,QAAkC;AACxC,QAAI,KAAK,gBAAgB,KAAK,SAAS,SAAS,GAAG;AACjD,WAAK,GAAG,GAAG,MAAM;AAAA,IACnB;AAAA,EACF;AAAA,EAIA,GAAG,QAAwH,mBAA6D;AACtL,QAAI,OAAO,WAAW,UAAU;AAC9B,YAAM,cAAc,KAAK,gBAAgB;AACzC,UAAI,KAAK,YAAY,eAAe,KAAK,cAAc,KAAK,SAAS,QAAQ;AAC3E,cAAM,kBAAmB,KAAa;AACtC,YAAI,CAAC,mBAAmB,qBAAqB,iBAAiB;AAC5D,0BAAgB,KAAK,EAAE,GAAG,KAAK,aAAa,GAAG,cAAc,QAAQ,CAAC;AAAA,QACxE;AAEA,aAAK,gBAAgB;AACrB,cAAM,QAAQ,KAAK,SAAS,KAAK,aAAa;AAE9C,YAAI,CAAC,mBAAmB,qBAAqB,iBAAiB;AAC5D,0BAAgB,KAAK,EAAE,GAAG,KAAK,aAAa,EAAE,WAAW,MAAM,IAAI,CAAC,GAAG,cAAc,MAAM,CAAC;AAAA,QAC9F;AAAA,MACF;AACA;AAAA,IACF;AACA,WAAO,MAAM,GAAG,QAAe,iBAAiB;AAAA,EAClD;AAAA,EAEA,UAAe;AACb,WAAO,KAAK,WAAW,KAAK,aAAa,GAAG;AAAA,EAC9C;AAAA,EAEA,SAAiB;AACf,WAAO,KAAK,WAAW,KAAK,aAAa,GAAG,OAAO,KAAK,QAAQ,YAAY;AAAA,EAC9E;AAAA,EAEA,UAAkB;AAChB,WAAO,KAAK,OAAO;AAAA,EACrB;AAAA,EAEA,cAAsB;AACpB,WAAO,KAAK,OAAO,EAAE,MAAM,GAAG,EAAE,CAAC;AAAA,EACnC;AAAA,EAEA,YAAoB;AAClB,UAAM,QAAQ,KAAK,OAAO,EAAE,MAAM,GAAG;AACrC,WAAO,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,CAAC,KAAK;AAAA,EACrC;AAAA,EAEA,gBAAgB,MAA4E;AAC1F,UAAM,SAAS,KAAK,UAAU;AAC9B,UAAM,eAAe,IAAI,gBAAgB,MAAM;AAC/C,WAAO,SAAS,uBAAuB,cAAc,IAAI;AAAA,EAC3D;AAAA,EAEA,oBAAoB,MAA4E;AAC9F,UAAM,MAAM,KAAK,OAAO;AACxB,UAAM,UAAU,IAAI,QAAQ,GAAG;AAC/B,UAAM,OAAO,YAAY,KAAK,IAAI,MAAM,UAAU,CAAC,IAAI;AACvD,UAAM,eAAe,IAAI,gBAAgB,IAAI;AAC7C,WAAO,SAAS,uBAAuB,cAAc,IAAI;AAAA,EAC3D;AAAA,EAEA,mBAAmB,QAA4B,OAA8C;AAC3F,UAAM,IAAI,KAAK,gBAAgB,EAAE,QAAQ,OAAO,CAAC;AACjD,SAAK,KAAK,EAAE,cAAc,EAAE,GAAG,KAAK;AAAA,EACtC;AAAA,EAEA,0BAA0B,MAAyB,OAA8C;AAC/F,UAAM,IAAI,KAAK,oBAAoB,EAAE,QAAQ,MAAM,QAAQ,IAAI,IAAI,OAAO,CAAC,IAAI,EAAE,CAAC;AAClF,UAAM,MAAM,KAAK,OAAO,EAAE,MAAM,GAAG,EAAE,CAAC;AACtC,UAAM,OAAO,MAAM,KAAK,EAAE,QAAQ,CAAC,EAAE;AACrC,SAAK,KAAK,OAAO,OAAO,IAAI,MAAM,EAAE,SAAS,IAAI,KAAK,KAAK;AAAA,EAC7D;AAAA,EAEA,sBAAsB,MAAyB,OAA8C;AAC3F,UAAM,IAAI,KAAK,gBAAgB,EAAE,QAAQ,MAAM,QAAQ,IAAI,IAAI,OAAO,CAAC,IAAI,EAAE,CAAC;AAC9E,SAAK,KAAK,EAAE,cAAc,EAAE,GAAG,KAAK;AAAA,EACtC;AAAA,EAEA,sBAAsB,QAA2C,OAA8C;AAC7G,UAAM,IAAI,KAAK,gBAAgB;AAC/B,aAAS,kBAAkB,GAAG,MAAM;AACpC,SAAK,KAAK,EAAE,cAAc,EAAE,GAAG,KAAK;AAAA,EACtC;AAAA,EAEA,sBAAsB,QAA4B,OAA8C;AAC9F,UAAM,IAAI,KAAK,gBAAgB,EAAE,QAAQ,OAAO,CAAC;AACjD,SAAK,QAAQ,EAAE,cAAc,EAAE,GAAG,KAAK;AAAA,EACzC;AAAA,EAEA,6BAA6B,MAAyB,OAA8C;AAClG,UAAM,IAAI,KAAK,oBAAoB,EAAE,QAAQ,MAAM,QAAQ,IAAI,IAAI,OAAO,CAAC,IAAI,EAAE,CAAC;AAClF,UAAM,MAAM,KAAK,OAAO,EAAE,MAAM,GAAG,EAAE,CAAC;AACtC,UAAM,OAAO,MAAM,KAAK,EAAE,QAAQ,CAAC,EAAE;AACrC,SAAK,QAAQ,OAAO,OAAO,IAAI,MAAM,EAAE,SAAS,IAAI,KAAK,KAAK;AAAA,EAChE;AAAA,EAEA,yBAAyB,MAAyB,OAA8C;AAC9F,UAAM,IAAI,KAAK,gBAAgB,EAAE,QAAQ,MAAM,QAAQ,IAAI,IAAI,OAAO,CAAC,IAAI,EAAE,CAAC;AAC9E,SAAK,QAAQ,EAAE,cAAc,EAAE,GAAG,KAAK;AAAA,EACzC;AAAA,EAEA,yBAAyB,QAA2C,OAA8C;AAChH,UAAM,IAAI,KAAK,qBAAqB;AACpC,aAAS,kBAAkB,GAAU,MAAM;AAC3C,SAAK,QAAQ,EAAE,cAAc,EAAS,GAAG,KAAK;AAAA,EAChD;AACF;",
+  "names": []
+}

package/dist/esm/utils/Utils.js

@@ -131,6 +131,50 @@ class SwcUtils {
     }
     return hosts.reverse();
   }
+  static getHosts(el) {
+    return this.findAllSwcHosts(el);
+  }
+  static getHost(el) {
+    const hosts = this.getHosts(el);
+    return hosts.length > 0 ? hosts[hosts.length - 1] : void 0;
+  }
+  static getFirstHost(el) {
+    const hosts = this.getHosts(el);
+    return hosts.length > 0 ? hosts[0] : void 0;
+  }
+  static getAppHosts(el) {
+    const hosts = this.getHosts(el);
+    return hosts.filter((host) => host.tagName.toLowerCase() === "swc-app" || host.getAttribute("is")?.startsWith("swc-app-"));
+  }
+  static getAppHost(el) {
+    const appHosts = this.getAppHosts(el);
+    return appHosts.length > 0 ? appHosts[appHosts.length - 1] : void 0;
+  }
+  static getFirstAppHost(el) {
+    const appHosts = this.getAppHosts(el);
+    return appHosts.length > 0 ? appHosts[0] : void 0;
+  }
+  static getLastAppHost(el) {
+    return this.getAppHost(el);
+  }
+  static getHostSet(el) {
+    const $hosts = this.getHosts(el);
+    const $appHosts = this.getAppHosts(el);
+    const $firstHost = $hosts[0] || null;
+    const $lastHost = $hosts[$hosts.length - 1] || null;
+    const $firstAppHost = $appHosts[0] || null;
+    const $lastAppHost = $appHosts[$appHosts.length - 1] || null;
+    return {
+      $host: $lastHost,
+      $hosts,
+      $firstHost,
+      $lastHost,
+      $appHost: $lastAppHost,
+      $appHosts,
+      $firstAppHost,
+      $lastAppHost
+    };
+  }
 }
 export {
   SWC_NOT_FOUND,

package/dist/esm/utils/Utils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/utils/Utils.ts"],
-  "sourcesContent": ["export const SWC_NOT_FOUND = Symbol('SWC_NOT_FOUND');\n\nexport class SwcUtils {\n  static getValueByPath(obj: any, path: string, rootName: string) {\n    if (!obj || !path) return SWC_NOT_FOUND;\n\n    const parts = path.split('.');\n\n    // 1. If the path starts with the rootName (alias), strip it and resolve within obj\n    if (parts[0] === rootName && parts.length > 1) {\n      const subParts = parts.slice(1);\n      let subResult = obj;\n      for (const part of subParts) {\n        if (subResult === null || typeof subResult !== 'object' || !(part in subResult)) return SWC_NOT_FOUND;\n        subResult = subResult[part];\n      }\n      return subResult;\n    }\n\n    // 2. Fallback: resolve directly on obj (standard behavior)\n    let result = obj;\n    for (const part of parts) {\n      if (result === null || typeof result !== 'object' || !(part in result)) {\n        return SWC_NOT_FOUND;\n      }\n      result = result[part];\n    }\n\n    // Safety: don't return the instance itself or a DOM element as a template value\n    if (result !== obj && !(result instanceof HTMLElement)) {\n      return result;\n    }\n\n    return SWC_NOT_FOUND;\n  }\n\n  static evalExpression(expr: string, context: Record<string, any>): any {\n    try {\n      const keys = Object.keys(context);\n      const values = Object.values(context);\n      // eslint-disable-next-line no-new-func\n      return new Function(...keys, `return (${expr})`).apply(null, values);\n    } catch {\n      return SWC_NOT_FOUND;\n    }\n  }\n\n  static applyData(\n    node: Node,\n    data: any,\n    options: {\n      asKey: string;\n      asIndexKey: string;\n      index?: number;\n      hostContext?: Record<string, any>;\n    }\n  ) {\n    const { asKey, asIndexKey, index, hostContext } = options;\n    const context: Record<string, any> = {};\n    if (index !== undefined) {\n      context[asIndexKey] = index;\n    }\n    if (data !== null && data !== undefined) {\n      context[asKey] = data;\n      context['value'] = data; // Always provide 'value' as well\n    }\n    const fullContext: Record<string, any> = { ...(hostContext || {}), ...context };\n\n    const resolveExpr = (expr: string, match: string): string => {\n      expr = expr.trim();\n      // 1. Local path resolve\n      const simpleVal = SwcUtils.getValueByPath(data, expr, asKey);\n      if (simpleVal !== SWC_NOT_FOUND && typeof simpleVal !== 'symbol') {\n        return simpleVal === null || simpleVal === undefined ? '' : String(simpleVal);\n      }\n      // 2. Full context eval (alias, host states, etc.)\n      const exprVal = SwcUtils.evalExpression(expr, fullContext);\n      if (exprVal !== SWC_NOT_FOUND && typeof exprVal !== 'symbol') {\n        return exprVal === null || exprVal === undefined ? '' : String(exprVal);\n      }\n      return match;\n    };\n\n    const walk = (n: Node) => {\n      if (n.nodeType === Node.TEXT_NODE) {\n        if (!(n as any)._original) (n as any)._original = n.textContent;\n        let text = (n as any)._original;\n        text = text.replace(/{{(.*?)}}/g, (match: string, path: string) => {\n          return resolveExpr(path, match);\n        });\n        if (n.textContent !== text) n.textContent = text;\n      } else if (n.nodeType === Node.ELEMENT_NODE) {\n        const el = n as HTMLElement;\n        Array.from(el.attributes).forEach(a => {\n          if (!(a as any)._original) (a as any)._original = a.value;\n          let val = (a as any)._original;\n          val = val.replace(/{{(.*?)}}/g, (match: string, path: string) => {\n            return resolveExpr(path, match);\n          });\n          if (a.value !== val) a.value = val;\n        });\n        el.childNodes.forEach(walk);\n      }\n    };\n    walk(node);\n  }\n\n  static createReactiveProxy(target: any, onChange: () => void, onIndexChange?: (index: number, val: any) => void) {\n    const makeRecursiveProxy = (obj: any): any => {\n      if (typeof obj !== 'object' || obj === null || obj instanceof Node) return obj;\n      if ((obj as any).__swc_is_proxy) return obj;\n\n      const IS_PROXY_KEY = '__swc_is_proxy';\n\n      const proxy = new Proxy(obj, {\n        get: (t, prop) => {\n          if (prop === IS_PROXY_KEY) return true;\n          if (typeof prop === 'symbol') return t[prop];\n          return t[prop];\n        },\n        set: (t, prop, val) => {\n          if (prop === IS_PROXY_KEY) return true;\n          if (typeof prop === 'symbol') {\n            t[prop] = val;\n            return true;\n          }\n          const oldVal = t[prop];\n          if (oldVal === val) return true;\n          t[prop] = makeRecursiveProxy(val);\n          const isIndex = !isNaN(Number(prop)) && Array.isArray(t);\n          if (isIndex && onIndexChange) {\n            onIndexChange(Number(prop), val);\n          } else {\n            onChange();\n          }\n          return true;\n        },\n        deleteProperty: (t, prop) => {\n          delete t[prop];\n          onChange();\n          return true;\n        }\n      });\n      return proxy;\n    };\n\n    return makeRecursiveProxy(target);\n  }\n\n  static findNearestSwcHost(el: HTMLElement | Node): any {\n    const hosts = this.findAllSwcHosts(el);\n    return hosts.length > 0 ? hosts[hosts.length - 1] : null;\n  }\n\n  static findAllSwcHosts(el: HTMLElement | Node): any[] {\n    const hosts: any[] = [];\n    let curr: any = el instanceof Node && !(el instanceof HTMLElement) ? (el as any).host : el;\n    curr = curr?.parentElement || (curr?.getRootNode() as any)?.host;\n\n    while (curr) {\n      if (curr._swcId) hosts.push(curr);\n      curr = curr.parentElement || (curr?.getRootNode() as any)?.host;\n    }\n    return hosts.reverse();\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { SwcAppInterface, SwcHTMLElementInterface, HostSet } from '../elements/SwcInterfaces';\n\nexport const SWC_NOT_FOUND = Symbol('SWC_NOT_FOUND');\n\nexport class SwcUtils {\n  static getValueByPath(obj: any, path: string, rootName: string) {\n    if (!obj || !path) return SWC_NOT_FOUND;\n\n    const parts = path.split('.');\n\n    // 1. If the path starts with the rootName (alias), strip it and resolve within obj\n    if (parts[0] === rootName && parts.length > 1) {\n      const subParts = parts.slice(1);\n      let subResult = obj;\n      for (const part of subParts) {\n        if (subResult === null || typeof subResult !== 'object' || !(part in subResult)) return SWC_NOT_FOUND;\n        subResult = subResult[part];\n      }\n      return subResult;\n    }\n\n    // 2. Fallback: resolve directly on obj (standard behavior)\n    let result = obj;\n    for (const part of parts) {\n      if (result === null || typeof result !== 'object' || !(part in result)) {\n        return SWC_NOT_FOUND;\n      }\n      result = result[part];\n    }\n\n    // Safety: don't return the instance itself or a DOM element as a template value\n    if (result !== obj && !(result instanceof HTMLElement)) {\n      return result;\n    }\n\n    return SWC_NOT_FOUND;\n  }\n\n  static evalExpression(expr: string, context: Record<string, any>): any {\n    try {\n      const keys = Object.keys(context);\n      const values = Object.values(context);\n      // eslint-disable-next-line no-new-func\n      return new Function(...keys, `return (${expr})`).apply(null, values);\n    } catch {\n      return SWC_NOT_FOUND;\n    }\n  }\n\n  static applyData(\n    node: Node,\n    data: any,\n    options: {\n      asKey: string;\n      asIndexKey: string;\n      index?: number;\n      hostContext?: Record<string, any>;\n    }\n  ) {\n    const { asKey, asIndexKey, index, hostContext } = options;\n    const context: Record<string, any> = {};\n    if (index !== undefined) {\n      context[asIndexKey] = index;\n    }\n    if (data !== null && data !== undefined) {\n      context[asKey] = data;\n      context['value'] = data; // Always provide 'value' as well\n    }\n    const fullContext: Record<string, any> = { ...(hostContext || {}), ...context };\n\n    const resolveExpr = (expr: string, match: string): string => {\n      expr = expr.trim();\n      // 1. Local path resolve\n      const simpleVal = SwcUtils.getValueByPath(data, expr, asKey);\n      if (simpleVal !== SWC_NOT_FOUND && typeof simpleVal !== 'symbol') {\n        return simpleVal === null || simpleVal === undefined ? '' : String(simpleVal);\n      }\n      // 2. Full context eval (alias, host states, etc.)\n      const exprVal = SwcUtils.evalExpression(expr, fullContext);\n      if (exprVal !== SWC_NOT_FOUND && typeof exprVal !== 'symbol') {\n        return exprVal === null || exprVal === undefined ? '' : String(exprVal);\n      }\n      return match;\n    };\n\n    const walk = (n: Node) => {\n      if (n.nodeType === Node.TEXT_NODE) {\n        if (!(n as any)._original) (n as any)._original = n.textContent;\n        let text = (n as any)._original;\n        text = text.replace(/{{(.*?)}}/g, (match: string, path: string) => {\n          return resolveExpr(path, match);\n        });\n        if (n.textContent !== text) n.textContent = text;\n      } else if (n.nodeType === Node.ELEMENT_NODE) {\n        const el = n as HTMLElement;\n        Array.from(el.attributes).forEach(a => {\n          if (!(a as any)._original) (a as any)._original = a.value;\n          let val = (a as any)._original;\n          val = val.replace(/{{(.*?)}}/g, (match: string, path: string) => {\n            return resolveExpr(path, match);\n          });\n          if (a.value !== val) a.value = val;\n        });\n        el.childNodes.forEach(walk);\n      }\n    };\n    walk(node);\n  }\n\n  static createReactiveProxy(target: any, onChange: () => void, onIndexChange?: (index: number, val: any) => void) {\n    const makeRecursiveProxy = (obj: any): any => {\n      if (typeof obj !== 'object' || obj === null || obj instanceof Node) return obj;\n      if ((obj as any).__swc_is_proxy) return obj;\n\n      const IS_PROXY_KEY = '__swc_is_proxy';\n\n      const proxy = new Proxy(obj, {\n        get: (t, prop) => {\n          if (prop === IS_PROXY_KEY) return true;\n          if (typeof prop === 'symbol') return t[prop];\n          return t[prop];\n        },\n        set: (t, prop, val) => {\n          if (prop === IS_PROXY_KEY) return true;\n          if (typeof prop === 'symbol') {\n            t[prop] = val;\n            return true;\n          }\n          const oldVal = t[prop];\n          if (oldVal === val) return true;\n          t[prop] = makeRecursiveProxy(val);\n          const isIndex = !isNaN(Number(prop)) && Array.isArray(t);\n          if (isIndex && onIndexChange) {\n            onIndexChange(Number(prop), val);\n          } else {\n            onChange();\n          }\n          return true;\n        },\n        deleteProperty: (t, prop) => {\n          delete t[prop];\n          onChange();\n          return true;\n        }\n      });\n      return proxy;\n    };\n\n    return makeRecursiveProxy(target);\n  }\n\n  static findNearestSwcHost(el: HTMLElement | Node): any {\n    const hosts = this.findAllSwcHosts(el);\n    return hosts.length > 0 ? hosts[hosts.length - 1] : null;\n  }\n\n  static findAllSwcHosts(el: HTMLElement | Node): any[] {\n    const hosts: any[] = [];\n    let curr: any = el instanceof Node && !(el instanceof HTMLElement) ? (el as any).host : el;\n    curr = curr?.parentElement || (curr?.getRootNode() as any)?.host;\n\n    while (curr) {\n      if (curr._swcId) hosts.push(curr);\n      curr = curr.parentElement || (curr?.getRootNode() as any)?.host;\n    }\n    return hosts.reverse();\n  }\n\n  static getHosts(el: HTMLElement): SwcHTMLElementInterface[] {\n    return this.findAllSwcHosts(el);\n  }\n\n  static getHost(el: HTMLElement): SwcHTMLElementInterface | undefined {\n    const hosts = this.getHosts(el);\n    return hosts.length > 0 ? hosts[hosts.length - 1] : undefined;\n  }\n\n  static getFirstHost(el: HTMLElement): SwcHTMLElementInterface | undefined {\n    const hosts = this.getHosts(el);\n    return hosts.length > 0 ? hosts[0] : undefined;\n  }\n\n  static getAppHosts(el: HTMLElement): SwcAppInterface[] {\n    const hosts = this.getHosts(el);\n    return hosts.filter(host => host.tagName.toLowerCase() === 'swc-app' || host.getAttribute('is')?.startsWith('swc-app-')) as SwcAppInterface[];\n  }\n\n  static getAppHost(el: HTMLElement): SwcAppInterface | undefined {\n    const appHosts = this.getAppHosts(el);\n    return appHosts.length > 0 ? appHosts[appHosts.length - 1] : undefined;\n  }\n\n  static getFirstAppHost(el: HTMLElement): SwcAppInterface | undefined {\n    const appHosts = this.getAppHosts(el);\n    return appHosts.length > 0 ? appHosts[0] : undefined;\n  }\n\n  static getLastAppHost(el: HTMLElement): SwcAppInterface | undefined {\n    return this.getAppHost(el);\n  }\n\n  static getHostSet(el: HTMLElement): HostSet {\n    const $hosts = this.getHosts(el);\n    const $appHosts = this.getAppHosts(el);\n\n    const $firstHost = $hosts[0] || null;\n    const $lastHost = $hosts[$hosts.length - 1] || null;\n\n    const $firstAppHost = $appHosts[0] || null;\n    const $lastAppHost = $appHosts[$appHosts.length - 1] || null;\n\n    return {\n      $host: $lastHost,\n      $hosts,\n      $firstHost,\n      $lastHost,\n      $appHost: $lastAppHost,\n      $appHosts,\n      $firstAppHost,\n      $lastAppHost\n    };\n  }\n}\n"],
+  "mappings": "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",
   "names": []
 }