@dooboostore/simple-web-component 1.0.28 → 1.0.30

package/dist/esm-bundle/dooboostore-simple-web-component.esm.js

@@ -5759,6 +5759,7 @@ var ON_AFTER_DISCONNECTED_METADATA_KEY = Symbol.for("simple-web-component:on-aft
 var ON_BEFORE_ADOPTED_METADATA_KEY = Symbol.for("simple-web-component:on-before-adopted");
 var ON_AFTER_ADOPTED_METADATA_KEY = Symbol.for("simple-web-component:on-after-adopted");
 var ON_ADD_EVENT_LISTENER_METADATA_KEY = Symbol.for("simple-web-component:on-add-event-listener");
+var ON_CONNECTED_SWC_APP_METADATA_KEY = Symbol.for("simple-web-component:on-connected-swc-app");
 var INNER_HTML_METADATA_KEY = Symbol.for("simple-web-component:inner-html");
 var ATTRIBUTE_CHANGED_WILDCARD = "*";
 function createLifecycleDecorator(metadataKey) {
@@ -5783,6 +5784,7 @@ var onBeforeAdopted = createLifecycleDecorator(ON_BEFORE_ADOPTED_METADATA_KEY);
 var onAfterAdopted = createLifecycleDecorator(ON_AFTER_ADOPTED_METADATA_KEY);
 var onAdopted = onAfterAdopted;
 var onAddEventListener = createLifecycleDecorator(ON_ADD_EVENT_LISTENER_METADATA_KEY);
+var onConnectedSwcApp = createLifecycleDecorator(ON_CONNECTED_SWC_APP_METADATA_KEY);
 function onConnectedInnerHtml(arg1, arg2, arg3) {
   const decorator = (options, target, propertyKey) => {
     const constructor = target.constructor;
@@ -5903,7 +5905,8 @@ function attribute(selector, options = {}) {
             }
             return null;
           }
-          return convertValue(this[privateKey], targetType);
+          const data = convertValue(this[privateKey], targetType);
+          return data;
         },
         set(nv) {
           const attrName = options.name || String(propertyKey);
@@ -6785,6 +6788,77 @@ var findAllAttributeApplyMetadata = (target) => {
   return result;
 };
 
+// src/decorators/setProperty.ts
+var PROPERTY_SET_METADATA_KEY = Symbol.for("simple-web-component:property-set");
+var setProperty = (selector, propertyNameOrOptions, options = {}) => {
+  return (target, propertyKey, descriptor) => {
+    const constructor = target.constructor;
+    let metaList = ReflectUtils.getOwnMetadata(PROPERTY_SET_METADATA_KEY, constructor);
+    if (!metaList) {
+      metaList = /* @__PURE__ */ new Map();
+      ReflectUtils.defineMetadata(PROPERTY_SET_METADATA_KEY, metaList, constructor);
+    }
+    let propertyName = typeof propertyNameOrOptions === "string" ? propertyNameOrOptions : void 0;
+    let finalOptions = options;
+    if (typeof propertyNameOrOptions === "object" && propertyNameOrOptions !== null) {
+      finalOptions = propertyNameOrOptions;
+    }
+    metaList.set(propertyKey, {
+      propertyKey,
+      selector,
+      options: { ...finalOptions, name: propertyName }
+    });
+    const original = descriptor.value;
+    descriptor.value = async function(...args) {
+      ensureInit2(this);
+      const res = await original.apply(this, args);
+      if (res !== void 0) {
+        const win = this.ownerDocument?.defaultView || window;
+        const host2 = this;
+        const hostSet = { ...SwcUtils.getHelperAndHostSet(win, host2), $this: this };
+        const r = finalOptions.root || "auto";
+        const targetEls = [];
+        const applyRoot = (t) => {
+          if (!t || !(t instanceof win.HTMLElement)) return;
+          targetEls.push(t);
+        };
+        if (selector === ":parentHost") applyRoot(hostSet.$parentHost);
+        else if (selector === ":appHost") applyRoot(hostSet.$appHost);
+        else if (selector === ":firstHost") applyRoot(hostSet.$firstHost);
+        else if (selector === ":lastHost") applyRoot(hostSet.$lastHost);
+        else if (selector === ":firstAppHost") applyRoot(hostSet.$firstAppHost);
+        else if (selector === ":lastAppHost") applyRoot(hostSet.$lastAppHost);
+        else if (selector === ":hosts") hostSet.$hosts.forEach(applyRoot);
+        else if (selector === ":appHosts") hostSet.$appHosts.forEach(applyRoot);
+        else if (selector === ":host" || !selector) applyRoot(host2);
+        else {
+          const targetRoot = r === "auto" ? host2.shadowRoot || host2 : r === "shadow" ? host2.shadowRoot : host2;
+          if (targetRoot) {
+            const found = targetRoot.querySelectorAll(selector);
+            if (found) targetEls.push(...Array.from(found));
+          }
+        }
+        targetEls.forEach((targetEl) => {
+          const resolvedRes = typeof res === "function" ? res(targetEl, hostSet) : res;
+          if (propertyName) {
+            targetEl[propertyName] = resolvedRes;
+          } else if (typeof resolvedRes === "object" && resolvedRes !== null && !Array.isArray(resolvedRes)) {
+            Object.entries(resolvedRes).forEach(([prop, val]) => {
+              const finalVal = typeof val === "function" ? val(targetEl, hostSet) : val;
+              targetEl[prop] = finalVal;
+            });
+          } else {
+            targetEl.value = resolvedRes;
+          }
+        });
+      }
+    };
+  };
+};
+var setPropertyHost = (propertyNameOrOptions, options = {}) => {
+  return setProperty(":host", propertyNameOrOptions, options);
+};
+
 // src/decorators/subscribeSwcAppRouteChange.ts
 var SUBSCRIBE_SWC_APP_ROUTE_CHANGE_METADATA_KEY = Symbol.for("simple-web-component:subscribe-swc-app-route-change");
 function createSwcAppRouteChangeSubscriber(options) {
@@ -7016,6 +7090,35 @@ var SwcUtils;
     const appHostsWithoutSelf = appHosts.filter((h) => h !== el);
     return appHostsWithoutSelf.length > 0 ? appHostsWithoutSelf[appHostsWithoutSelf.length - 1] : void 0;
   };
+  SwcUtils2.findParentAppHostDirect = (el) => {
+    const appHosts = (0, SwcUtils2.findAllParentAppHostsDirect)(el);
+    return appHosts.length > 0 ? appHosts[appHosts.length - 1] : null;
+  };
+  SwcUtils2.findAllParentAppHostsDirect = (el) => {
+    const appHosts = [];
+    let current = el.parentElement;
+    while (current) {
+      const isAppHost = current.tagName.toLowerCase() === "swc-app" || current.getAttribute("is")?.startsWith("swc-app-");
+      if (isAppHost) {
+        appHosts.push(current);
+      }
+      if (current.shadowRoot) {
+        current = current.shadowRoot.host.parentElement;
+      } else {
+        if (!current.parentElement) {
+          const parentNode = current.parentNode;
+          if (parentNode instanceof ShadowRoot) {
+            current = parentNode.host;
+          } else {
+            break;
+          }
+        } else {
+          current = current.parentElement;
+        }
+      }
+    }
+    return appHosts.reverse();
+  };
   SwcUtils2.getHostSet = (el) => {
     const isSwc = !!getElementConfig(el);
     const ancestors = (0, SwcUtils2.findAllSwcHosts)(el);
@@ -7039,7 +7142,7 @@ var SwcUtils;
       }
       curr = curr.parentElement || curr.getRootNode().host;
     }
-    const $appHosts = $hosts.filter((h) => h.tagName.toLowerCase() === "swc-app" || h.getAttribute("is")?.startsWith("swc-app-"));
+    const $appHosts = SwcUtils2.findAllParentAppHostsDirect(el);
     const $appHost = $appHosts.length > 0 ? $appHosts[$appHosts.length - 1] === el ? $appHosts.length > 1 ? $appHosts[$appHosts.length - 2] : null : $appHosts[$appHosts.length - 1] : null;
     const $firstAppHost = $appHosts.length > 0 ? $appHosts[0] : null;
     return {
@@ -7287,6 +7390,7 @@ var ensureInit2 = (inst) => {
       });
     }
     const hostSet = SwcUtils.getHostSet(inst);
+    const appHosts = SwcUtils.findAllParentAppHostsDirect(inst);
     inst._executeSwcScript?.("swc-on-constructor", hostSet);
     const cMethods = findAllLifecycleMetadata(inst, ON_INITIALIZE_METADATA_KEY);
     if (cMethods) {
@@ -7358,10 +7462,11 @@ var setupPrototype = (proto) => {
   proto._invokeLifecycleMethod = function(methodName, hostSet, extraArgs = []) {
     ensureInit2(this);
     if (typeof this[methodName] !== "function") return;
-    const app = hostSet.$appHost?.simpleApplication;
+    const useHostSet = hostSet ?? SwcUtils.getHostSet(this);
+    const app = useHostSet?.$appHost.simpleApplication;
     if (app) {
       const otherStorage = /* @__PURE__ */ new Map();
-      const situations = new SituationTypeContainers([new SituationTypeContainer({ situationType: "SIMPLE_WEB_COMPONENT://HOSTSET" /* HOST_SET */, data: hostSet }), new SituationTypeContainer({ situationType: "SIMPLE_WEB_COMPONENT://APPHOST" /* APP_HOST */, data: hostSet.$appHost }), new SituationTypeContainer({ situationType: "SIMPLE_WEB_COMPONENT://APPHOSTS" /* APP_HOSTS */, data: hostSet.$appHosts }), new SituationTypeContainer({ situationType: "SIMPLE_WEB_COMPONENT://HOST" /* HOST */, data: hostSet.$host }), new SituationTypeContainer({ situationType: "SIMPLE_WEB_COMPONENT://HOSTS" /* HOSTS */, data: hostSet.$hosts }), new SituationTypeContainer({ situationType: "SIMPLE_WEB_COMPONENT://FIRSTHOST" /* FIRST_HOST */, data: hostSet.$firstHost }), new SituationTypeContainer({ situationType: "SIMPLE_WEB_COMPONENT://LASTHOST" /* LAST_HOST */, data: hostSet.$lastHost }), new SituationTypeContainer({ situationType: "SIMPLE_WEB_COMPONENT://FIRSTAPPHOST" /* FIRST_APP_HOST */, data: hostSet.$firstAppHost }), new SituationTypeContainer({ situationType: "SIMPLE_WEB_COMPONENT://LASTAPPHOST" /* LAST_APP_HOST */, data: hostSet.$lastAppHost })]);
+      const situations = new SituationTypeContainers([new SituationTypeContainer({ situationType: "SIMPLE_WEB_COMPONENT://HOSTSET" /* HOST_SET */, data: useHostSet }), new SituationTypeContainer({ situationType: "SIMPLE_WEB_COMPONENT://APPHOST" /* APP_HOST */, data: useHostSet.$appHost }), new SituationTypeContainer({ situationType: "SIMPLE_WEB_COMPONENT://APPHOSTS" /* APP_HOSTS */, data: useHostSet.$appHosts }), new SituationTypeContainer({ situationType: "SIMPLE_WEB_COMPONENT://HOST" /* HOST */, data: useHostSet.$host }), new SituationTypeContainer({ situationType: "SIMPLE_WEB_COMPONENT://HOSTS" /* HOSTS */, data: useHostSet.$hosts }), new SituationTypeContainer({ situationType: "SIMPLE_WEB_COMPONENT://FIRSTHOST" /* FIRST_HOST */, data: useHostSet.$firstHost }), new SituationTypeContainer({ situationType: "SIMPLE_WEB_COMPONENT://LASTHOST" /* LAST_HOST */, data: useHostSet.$lastHost }), new SituationTypeContainer({ situationType: "SIMPLE_WEB_COMPONENT://FIRSTAPPHOST" /* FIRST_APP_HOST */, data: useHostSet.$firstAppHost }), new SituationTypeContainer({ situationType: "SIMPLE_WEB_COMPONENT://LASTAPPHOST" /* LAST_APP_HOST */, data: useHostSet.$lastAppHost })]);
       otherStorage.set(SituationTypeContainers, situations);
       return app.simstanceManager.executeBindParameterSimPromise(
         {
@@ -7630,8 +7735,12 @@ var elementDefine = (name, config = {}) => (constructor) => {
     this._executeSwcScript("swc-on-connected", hostSet);
     this._executeSwcScript("swc-on-after-connected", hostSet);
     this.__swc_connected = true;
+    const appHostss = SwcUtils.findAllParentAppHostsDirect(this);
     if (appHost2 && typeof appHost2._connected === "function") {
       appHost2._connected(this);
+    } else if (appHost2 && typeof appHost2) {
+      appHost2._connected_safari ?? (appHost2._connected_safari = []);
+      appHost2._connected_safari.push(this);
     }
   };
   const originalDisconnected = proto.disconnectedCallback;
@@ -8524,7 +8633,9 @@ export {
   ON_BEFORE_ADOPTED_METADATA_KEY,
   ON_BEFORE_CONNECTED_METADATA_KEY,
   ON_BEFORE_DISCONNECTED_METADATA_KEY,
+  ON_CONNECTED_SWC_APP_METADATA_KEY,
   ON_INITIALIZE_METADATA_KEY,
+  PROPERTY_SET_METADATA_KEY,
   QUERY_ALL_METADATA_KEY,
   QUERY_METADATA_KEY,
   STYLE_METADATA_KEY,
@@ -8606,6 +8717,7 @@ export {
   onBeforeDisconnected,
   onConnected,
   onConnectedInnerHtml,
+  onConnectedSwcApp,
   onDisconnected,
   onInitialize,
   parentHost,
@@ -8624,6 +8736,8 @@ export {
   setAttributeHost,
   setClass,
   setClassHost,
+  setProperty,
+  setPropertyHost,
   setStyle,
   setStyleHost,
   subscribeSwcAppRouteChange,